瀏覽代碼

修改样式

lilei 4 年之前
父節點
當前提交
ba25434817
共有 1 個文件被更改,包括 16 次插入9 次删除
  1. 16 9
      pages/spotCheckCenter/spotChecking.vue

+ 16 - 9
pages/spotCheckCenter/spotChecking.vue

@@ -14,19 +14,19 @@
 						v-for="(item, sindex) in list" 
 						:key="item.id">
 							<view class="check-row" @click="viewRow(item)">
-								<view class="createDate">{{ item.createDate }}</view>
+								<view>{{ item.storeName }}</view>
 								<view>
-								  <u-tag class="item-c-type" :text="item.statusDictValue" :type="item.status | statusCls" />
+								  <u-tag size="mini" mode="plain" shape="circle" :text="item.statusDictValue" :type="item.status | statusCls" />
 								</view>
 							</view>
 							<view class="check-row" @click="viewRow(item)">
 								<view>
-									<view style="color: #666666;">{{ item.storeName }}</view>
-									<view style="font-size: 30upx;margin-top: 10upx;">{{ item.name }}</view>
+									<view style="font-size: 30upx;margin-bottom: 15upx;">{{ item.name }}</view>
+									<view class="createDate">{{ item.createDate }}</view>
 								</view>
 								<view>
-									<text v-if="item.status=='PENDING'" style="color:#DD524D;">开始点检</text>
-									<text v-if="item.status=='FINISHED'" style="color:#19BE6B;">查看结果</text>
+									<text v-if="item.status=='PENDING'" style="color:#333;">开始点检</text>
+									<text v-if="item.status=='FINISHED'" style="color:#333;">查看结果</text>
 									<u-icon v-if="item.status!='EXPIRED'" name="icon-xian-11" custom-prefix="xd-icon" size="28" color="#888888"></u-icon>
 								</view>
 							</view>
@@ -238,17 +238,24 @@ page {
 				padding: 20upx 10upx;
 				font-size: 28upx;
 				&:first-child {
-					border-bottom: 1px dashed #f8f8f8;
-					font-size: 26upx;
+					border-bottom: 1px solid #f8f8f8;
 				}
 				&:last-child {
-					border-top: 1px dashed #f8f8f8;
+					border-top: 1px solid #f8f8f8;
+					font-size: 26upx;
+				}
+				.createDate{
+					color: #999;
 				}
 				> view {
 					&:first-child {
 						flex-grow: 1;
 					}
 				}
+				.item-c-type{
+					flex-shrink: 0;
+					border-radius: 6upx;
+				}
 				.action {
 					margin: 0 6rpx;
 					padding: 0 20rpx;