Browse Source

feat:首页优化样式

master
zhaobing’ 1 year ago
parent
commit
bc980c0875
  1. 36
      weapp/pages/home/home.wxml
  2. 28
      weapp/pages/home/home.wxss

36
weapp/pages/home/home.wxml

@ -25,16 +25,24 @@
<view class="overlay-content">
<image src="/images/check.png" style="width:36px;height:36px;margin-right: 10px;" />
<view>
<view>巡检次数</view>
<view class="count">巡检次数</view>
<view><text class="fontStyle">{{sevenDaysCount}}</text>次</view>
</view>
</view>
</view>
<view style="display: flex; justify-content: space-around;">
<view style="margin:10px 0px;">发现问题个数</view>
<view style="margin:10px 0px;"><text class="fontStyle">{{sevenDaysQuestionCount}}</text>个</view>
<view style="margin:10px 0px;">问题处理个数</view>
<view style="margin:10px 0px;"><text class="fontStyle">{{sevenDaysHandleCount}}</text>个</view>
<view class="flex" style="padding-left:10px ;">
<view style="margin:10px 0px;" class="only">发现问题个数</view>
<view style="margin:10px 0px;"><text class="fontStyle">{{sevenDaysQuestionCount}}</text></view>
<view style="margin:10px 0px;" class="only">个</view>
</view>
<view class="flex">
<view style="margin:10px 0px;" class="only">问题处理个数</view>
<view style="margin:10px 0px;"><text class="fontStyle">{{sevenDaysHandleCount}}</text></view>
<view style="margin:10px 0px;" class="only">个</view>
</view>
</view>
</view>
<!--总巡巡检统计-->
@ -45,16 +53,24 @@
<view class="overlay-content">
<image src="/images/check.png" style="width:36px;height:36px;margin-right: 10px;" />
<view>
<view>巡检次数</view>
<view class="count">巡检次数</view>
<view><text class="fontStyle">{{allCount}}</text>次</view>
</view>
</view>
</view>
<view style="display: flex; justify-content: space-around;">
<view style="margin:10px 0px;">发现问题个数</view>
<view style="margin:10px 0px;"><text class="fontStyle">{{allQuestionCount}}</text>个</view>
<view style="margin:10px 0px;">问题处理个数</view>
<view style="margin:10px 0px;"><text class="fontStyle">{{allHandleCount}}</text>个</view>
<view class="flex">
<view style="margin:10px 0px;" class="only">发现问题个数</view>
<view style="margin:10px 0px;"><text class="fontStyle">{{allQuestionCount}}</text></view>
<view style="margin:10px 0px;" class="only"> 个</view>
</view>
<view class="flex">
<view style="margin:10px 0px;" class="only">问题处理个数</view>
<view style="margin:10px 0px;"><text class="fontStyle">{{allHandleCount}}</text></view>
<view style="margin:10px 0px;" class="only"> 个</view>
</view>
</view>
</view>

28
weapp/pages/home/home.wxss

@ -6,6 +6,7 @@
color: #333333;
letter-spacing: 0;
}
.card {
background-color: #fff;
border: 1px solid #ddd;
@ -16,11 +17,13 @@
margin-bottom: 12px;
}
.card2 {
background-color: #fff;
/* border: 0px 1px 1px 1px solid #ddd; */
border-bottom: 1px solid #ddd; /* 底部的边框 */
border-bottom: 1px solid #ddd;
/* 底部的边框 */
border-top: none;
border-radius: 8px;
/* padding: 10px; */
@ -52,6 +55,7 @@
/* flex-direction: column; */
/* 其他样式属性,根据需要添加 */
}
.home-swiper {
width: 95%;
/* height: 360rpx; */
@ -71,3 +75,25 @@
letter-spacing: 0;
text-align: center;
}
/* //巡检次数 */
.count {
width: 56px;
height: 20px;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 14px;
color: #333333;
letter-spacing: 0;
}
.only {
/* width: 72px; */
height: 17px;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 12px;
color: #333333;
letter-spacing: 0;
text-align: center;
}
Loading…
Cancel
Save