页面样式调整

src/components/complete-check/complete-check.vue

@@ -15,13 +15,13 @@
 				</view>
 				<view class="check-list">
 					<view class="u-flex u-row-between list-title">
-						<view>验证项</view>
+						<view class="left-txt">验证项</view>
 						<view>已提交/需提交</view>
-						<view>结果</view>
+						<view class="right-txt">结果</view>
 					</view>
 					<view class="u-flex u-row-between list-item" 
 						v-for="(item, index) in listData" :key="index">
-						<view class="item-txt">
+						<view class="item-txt left-txt" style="width: 160rpx;text-align: left;">
 							<u-icon 
 								:name="item.pass ? passIcon : noPassIcon"
 								:label="item.label"
@@ -31,7 +31,9 @@
 								size="32"></u-icon>
 						</view>
 						<view class="item-txt">{{item.submitted}}/{{item.required}}</view>
-						<view :class="['item-txt', item.pass ? 'pass-color' : 'no-pass-color']">
+						<view 
+							:class="['item-txt', 'right-txt', item.pass ? 'pass-color' : 'no-pass-color']"
+							style="width: 160rpx;text-align: right;">
 							{{item.pass ? "通过" : "未通过"}}
 						</view>
 					</view>
@@ -191,6 +193,14 @@
 	color: #333333;
 	line-height: 32rpx;
 }
+.left-txt {
+	width: 160rpx;
+	text-align: left;
+}
+.right-txt {
+	width: 160rpx;
+	text-align: right;
+}
 .pass-color {
 	color: #2272FF !important;
 }