style:欠费补缴样式调整

after-sale/arrears/arrears.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="content-box" style="margin-top: 30rpx;">
-		<view class="list">
+		<view class="list" v-if="state.list.length>0">
 			<u-checkbox-group @change="checkboxGroupChange" ref="checkbox">
 				<view class="item" v-for="(item, index) in state.list" :key="index"
 					:class="item.suppleStatus=='PAY'?'finished':''">
@@ -109,7 +109,9 @@
 				</view>
 			</view> -->
 		</view>
-
+		<view class="tips" v-else>
+			~暂无数据~
+		</view>
 		<view class="footer">
 			<u-checkbox-group>
 				<u-checkbox @change="checkboxChangeAll" v-model="item.checked" v-for="(item, index) in list2"
@@ -334,7 +336,11 @@
 
 	.content-box {
 		padding-bottom: 115rpx;
-
+		.tips{
+			font-size: 25rpx;
+			color: #d2d2d2;
+			text-align: center;
+		}
 		.footer {
 			display: flex;
 			align-items: center;
@@ -345,11 +351,11 @@
 			position: fixed;
 			bottom: 0;
 			width: 100%;
-
+			box-sizing: border-box;
 			.footer-right {
 				align-items: center;
 				display: flex;
-				justify-content: space-evenly;
+				justify-content: flex-end;
 				flex: 1;
 
 				.row1 {
@@ -365,6 +371,7 @@
 					border-radius: 10rpx;
 					font-size: 29rpx;
 					color: #fff;
+					margin-left: 30rpx;
 				}
 			}
 		}
@@ -714,6 +721,7 @@
 				font-size: 26rpx;
 				color: #999;
 			}
+
 			.value {
 				font-size: 26rpx;
 				color: #333;
@@ -779,7 +787,8 @@
 		border-top: 1px solid #dcdcdc;
 		margin: 0 30rpx;
 		padding: 20rpx 0;
-		.tit{
+
+		.tit {
 			font-size: 30rpx;
 		}
 	}