Browse Source

修改样式

master
lidan 2 years ago
parent
commit
553f3f34de
  1. 15
      pages/customer/customer.vue
  2. 16
      pages/supervise/superviseList.vue

15
pages/customer/customer.vue

@ -11,10 +11,12 @@
<uni-list class="custom-list"> <uni-list class="custom-list">
<u-card class="custom-card" v-for="(val,index) in list" <u-card class="custom-card" v-for="(val,index) in list"
:show-foot="false" :show-head="false"> :show-foot="false" :show-head="false">
<view slot="body"><span class="u-body-title">企业名称</span><span class="u-body-item-desc">{{val.unitName}}</span></view> <view slot="body"><view class="u-body-title">企业名称</view><view class="u-body-item-desc">{{val.unitName}}</view></view>
<view slot="body"><span class="u-body-title">日期</span><span class="u-body-item-desc">{{val.siginDate}}</span></view> <view slot="body"><view class="u-body-title">日期</view><view class="u-body-item-desc">{{val.siginDate}}</view></view>
<view slot="body"><span class="u-body-title">打卡时间</span> <view slot="body"><view class="u-body-title">打卡时间</view>
<span class="u-body-item-desc" v-for="item in val.ut.split(',')" >{{item}}</span> <view class="u-body-item-desc">
<span v-for="(item, index) in val.ut.split(',')" :key="index">{{item}}<br v-if="index%2==1"/></span>
</view>
</view> </view>
</u-card> </u-card>
</uni-list> </uni-list>
@ -117,6 +119,8 @@
color: #333; color: #333;
font-weight: 550; font-weight: 550;
padding: 8rpx 0; padding: 8rpx 0;
width: 25%;
float: left;
} }
.u-body-item { .u-body-item {
@ -127,8 +131,9 @@
font-size: 28rpx; font-size: 28rpx;
color: #555; color: #555;
padding: 8rpx; padding: 8rpx;
float: right; float: left;
font-weight: 0; font-weight: 0;
width: 72%;
} }
.u-body-item image { .u-body-item image {

16
pages/supervise/superviseList.vue

@ -14,11 +14,12 @@
<uni-list class="custom-list"> <uni-list class="custom-list">
<u-card class="custom-card" v-for="(val,index) in list" <u-card class="custom-card" v-for="(val,index) in list"
:show-foot="false" :show-head="false"> :show-foot="false" :show-head="false">
<view slot="body"><span class="u-body-title">企业名称</span><span class="u-body-item-desc">{{val.unitName}}</span></view> <view slot="body"><view class="u-body-title">企业名称</view><view class="u-body-item-desc">{{val.unitName}}</view></view>
<view slot="body"><span class="u-body-title">应打卡</span><span class="u-body-item-desc">{{val.sum}}</span></view> <view slot="body"><view class="u-body-title">日期</view><view class="u-body-item-desc">{{val.siginDate}}</view></view>
<view slot="body"><span class="u-body-title">已打卡</span><span class="u-body-item-desc">{{val.recnum}}</span></view> <view slot="body"><view class="u-body-title">打卡时间</view>
<view slot="body"><span class="u-body-title">打卡时间</span> <view class="u-body-item-desc">
<span class="u-body-item-desc" v-for="item in val.ut.split(',')" >{{item}}</span> <span v-for="(item, index) in val.ut.split(',')" :key="index">{{item}}<br v-if="index%2==1"/></span>
</view>
</view> </view>
<!-- <view slot="body" class="u-body-title" style="display: flex;justify-content: space-between;width: 70%;margin-left: 10%;"> <!-- <view slot="body" class="u-body-title" style="display: flex;justify-content: space-between;width: 70%;margin-left: 10%;">
@ -118,6 +119,8 @@
color: #333; color: #333;
font-weight: 550; font-weight: 550;
padding: 8rpx 0; padding: 8rpx 0;
width: 25%;
float: left;
} }
.u-body-item { .u-body-item {
@ -128,8 +131,9 @@
font-size: 28rpx; font-size: 28rpx;
color: #555; color: #555;
padding: 8rpx; padding: 8rpx;
float: right; float: left;
font-weight: 0; font-weight: 0;
width: 72%;
} }
.u-body-item image { .u-body-item image {

Loading…
Cancel
Save