fix

cloudTrain/pages/Security-Check/security-task-list.vue

@@ -2,13 +2,13 @@
 	<mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" :up="upOption" @down="downCallback" @up="upCallback">
 		<view class="news-li" v-for="news in dataList" :key="news.id" hover-class="hover" @click="goDetail">
 			<view  class="top-container" >
-				<text>安全检查任务</text>
+				<text class="title">安全检查任务</text>
 				<view class="status">
-					<text class="status-text">未完成0/1</text>
+					<text class="status-text">未完成 0/1</text>
 				</view>
 			</view>
-			<view><text>打我撒</text></view>
-			<view><image class="icon" src="../../static/security-check/safeTime.png"><text>2020-20123</text></view>
+			<view><text class="des">打我撒</text></view>
+			<view><image class="icon" src="../../static/security-check/safeTime.png"><text class="">2020-20123</text></view>
 			<view><image  class="icon" src="../../static/security-check/safeSys.png"><text>城建楼宿舍</text></view>
 			<view><image  class="icon" src="../../static/security-check/safePerson.png"><text>陆冬梅</text></view>
 			<view><text>自建任务</text></view>
@@ -79,19 +79,29 @@
 		align-items: center;
 	}
 	.status {
-		width:140rpx;
-		height:50rpx;
-		background-color: pink;
+		width:170rpx;
+		height:35rpx;
+		background-color: rgba(242,115,115,0.10);
 		border-radius: 50rpx;
 		display: flex;
 		justify-content: center;
 		align-items: center;
+		margin-left: 35rpx;
 	}
 	.status-text{
-		color: red;
-		font-size: 13px;
+		color: #F27373;
+		font-size: 11px;
 	}
 	.hover{
 		opacity: 0.7;
 	}
+	.title {
+		font-size: 17px;
+		font-weight: 300;
+	}
+	.des {
+		font-weight:200;
+		font-size:14px;
+		color:#676767
+	}
 </style>