样式

pages/tenantList/contractList.vue

@@ -7,19 +7,19 @@
 				<view class="head-btn " @click="selectType=0" :class="{
 					'head-select':selectType==0
 				}"  >
-					全部<span v-if="num1">({{num1}})</span>
+					全部<span v-if="num1"> ({{num1}})</span>
 				</view>
 				<view class="head-btn"  @click="selectType=1" :class="{
 					'head-select':selectType==1
 				}"  >
-					余额不足<span v-if="num2">({{num2}})</span>
+					余额不足<span v-if="num2"> ({{num2}})</span>
 				</view>
 				<view class="head-btn"  @click="selectType=2" :class="{
 					'head-select':selectType==2
 				}"  >
 					
 					
-					已过期<span v-if="num3">({{num3}})</span>
+					已过期<span v-if="num3"> ({{num3}})</span>
 					
 				</view>
 			</view>
@@ -369,7 +369,7 @@
 			    top: 80rpx;
 			    z-index: 991;
 				.head-body{
-					margin-top: 12rpx;
+					margin-top: 32rpx;
 					    display: flex;
 					    justify-content: space-around;
 						.head-btn{
@@ -379,6 +379,9 @@
 							border: 1px solid #f2f2f2;
 							background-color:#f2f2f2 ;
 							border-radius: 6px;
+							span{
+								margin-left: 4rpx;
+							}
 						}
 						.head-select{
 							border: 1px solid #1677FF;
@@ -388,7 +391,7 @@
 				}
 		}
 		.head-head-placeholder{
-			height: 192rpx;
+			height: 200rpx;
 			
 		}