文字错误修改

main
许宏杰 1 week ago
parent 3055f6c3f1
commit 7a41b3cd57

@ -11,7 +11,7 @@
</div> </div>
<div class="introduce-cell"> <div class="introduce-cell">
<div class="cell-icon"></div> <div class="cell-icon"></div>
<div class="cell-name">提升城市巡查盖范围</div> <div class="cell-name">提升城市巡查盖范围</div>
</div> </div>
<div class="introduce-cell"> <div class="introduce-cell">
<div class="cell-icon"></div> <div class="cell-icon"></div>
@ -56,7 +56,7 @@
</div> </div>
</div> </div>
</view-title> </view-title>
<view-title height="calc(59% / 2 )" title="飞行场景" > <view-title height="calc(59% / 2 )" title="飞行场景">
<div class="flight-circle"> <div class="flight-circle">
<div class="uav-img"></div> <div class="uav-img"></div>
<div <div
@ -64,11 +64,9 @@
:key="index" :key="index"
:class="['section-object-item', item.className]" :class="['section-object-item', item.className]"
> >
<span>{{item.name}}</span> <span>{{ item.name }}</span>
</div> </div>
</div> </div>
</view-title> </view-title>
</div> </div>
</template> </template>
@ -90,7 +88,6 @@ const list = [
.introduce { .introduce {
position: relative; position: relative;
height: 142px; height: 142px;
background: url("../../../assets/images/introduce-bg.png"); background: url("../../../assets/images/introduce-bg.png");
background-size: 100% 100%; background-size: 100% 100%;
.introduce-icon { .introduce-icon {
@ -102,10 +99,9 @@ const list = [
background: url("../../../assets/images/introduce-icon.png"); background: url("../../../assets/images/introduce-icon.png");
background-size: 100% 100%; background-size: 100% 100%;
.introduce-image{ .introduce-image {
height: 80%; height: 80%;
width: 80%; width: 80%;
border-radius: 50%; border-radius: 50%;
background: url("../../../assets/images/introduce-image.png"); background: url("../../../assets/images/introduce-image.png");
background-size: 100% 100%; background-size: 100% 100%;
@ -181,15 +177,15 @@ const list = [
position: relative; position: relative;
left: 50%; left: 50%;
top: 50%; top: 50%;
transform: translate(-50%,-50%); transform: translate(-50%, -50%);
width: 350px; width: 350px;
height: 149px; height: 149px;
background: url("../../../assets/images/flight-circle.png") no-repeat right center; background: url("../../../assets/images/flight-circle.png") no-repeat right
background-size:cover; center;
background-size: cover;
margin: 0; margin: 0;
.uav-img{ .uav-img {
position: absolute; position: absolute;
top: -30px; top: -30px;
left: 50%; left: 50%;
@ -203,17 +199,17 @@ const list = [
position: absolute; position: absolute;
width: 70px; width: 70px;
height: 77px; height: 77px;
background: url("../../../assets/images/flight-circle-zi.png") no-repeat center; background: url("../../../assets/images/flight-circle-zi.png") no-repeat
center;
background-size: 100% 100%; background-size: 100% 100%;
padding-top: 10px; padding:0 6px ;
padding-top: 13px;
text-align: center; text-align: center;
font-size: 13px; font-size: 13px;
color: #FFFFFF; color: #ffffff;
font-weight: bold; font-weight: bold;
text-shadow: 2px 0px 2px #020D21; text-shadow: 2px 0px 2px #020d21;
} }
} }

Loading…
Cancel
Save