Browse Source

场景背景问题

dev_230517
刘洪超 2 years ago
parent
commit
70f43fddb2
  1. 11
      src/styles/framework/base/flexbox.scss
  2. 2
      src/view/tabs/scene.vue

11
src/styles/framework/base/flexbox.scss

@ -272,7 +272,6 @@ Flex, Grow, & Shrink 待确定
position: relative; position: relative;
background-image: url("@/assets/imgs/show/bg_timing.png"); background-image: url("@/assets/imgs/show/bg_timing.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
//智慧右侧图片 //智慧右侧图片
@ -359,11 +358,13 @@ Flex, Grow, & Shrink 待确定
width: 66px; width: 66px;
height: 66px; height: 66px;
} }
.zhp-text-24-white-alpha40 { .zhp-text-24-white-alpha40 {
color: rgba($color:#ffffff,$alpha:0.4); color: rgba($color: #ffffff, $alpha: 0.4);
font-size: 24px; font-size: 24px;
font-weight: 400; font-weight: 400;
} }
.zhp-text-28-white { .zhp-text-28-white {
color: #fff; color: #fff;
font-size: 28px; font-size: 28px;
@ -381,11 +382,13 @@ Flex, Grow, & Shrink 待确定
font-size: 32px; font-size: 32px;
font-weight: 400; font-weight: 400;
} }
.zhp-text-34-white-alpha50 { .zhp-text-34-white-alpha50 {
color: rgba($color:#ffffff,$alpha:0.5); color: rgba($color: #ffffff, $alpha: 0.5);
font-size: 34px; font-size: 34px;
font-weight: 400; font-weight: 400;
} }
.rightImg { .rightImg {
position: absolute; position: absolute;
width: 48px; width: 48px;
@ -417,9 +420,11 @@ Flex, Grow, & Shrink 待确定
display: flex; display: flex;
align-items: center; align-items: center;
} }
.show-img { .show-img {
width: 100vw; width: 100vw;
} }
.margin-left-2 { .margin-left-2 {
margin-left: 2px; margin-left: 2px;
} }

2
src/view/tabs/scene.vue

@ -5,7 +5,6 @@
</div> </div>
<div class="zhp-item-bg" style="overflow: auto"> <div class="zhp-item-bg" style="overflow: auto">
<div v-for="(item, i) in navList" :key="i"> <div v-for="(item, i) in navList" :key="i">
<div style="left: 10px">
<div class="progress-bg"> <div class="progress-bg">
<div class="base-scene-card-content-bg"> <div class="base-scene-card-content-bg">
<img class="stateBgf" :src="getImgSrc(item.img)" :style="{opacity:(item.imgAlpha)}" /> <img class="stateBgf" :src="getImgSrc(item.img)" :style="{opacity:(item.imgAlpha)}" />
@ -24,7 +23,6 @@
></van-progress> ></van-progress>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save