前端

uni_applet/pageA/enter/myHomestay/add.vue

@@ -62,7 +62,9 @@
 			</u--form>
 			<view>
 				<view class='flex justify-space-between'>
-					<view>服务</view>
+					<view style='width:25%;'>服务</view>
+					<view style='width:25%;'></view>
+					<view style='width:25%;'></view>
 					<view class='checkall'>
 						<u-checkbox-group
 						            v-model="checkboxValue1"
@@ -100,7 +102,9 @@
 			
 			<view>
 				<view class='flex justify-space-between'>
-					<view>家居</view>
+					<view style='width:25%;'>家居</view>
+					<view style='width:25%;'></view>
+					<view style='width:25%;'></view>
 					<view class='checkall'>
 						<u-checkbox-group
 						            v-model="checkboxValue2"
@@ -138,7 +142,9 @@
 			
 			<view>
 				<view class='flex justify-space-between'>
-					<view>卫浴</view>
+					<view style='width:25%;'>卫浴</view>
+					<view style='width:25%;'></view>
+					<view style='width:25%;'></view>
 					<view class='checkall'>
 						<u-checkbox-group
 						            v-model="checkboxValue3"
@@ -176,7 +182,9 @@
 			
 			<view>
 				<view class='flex justify-space-between'>
-					<view>餐厨</view>
+					<view style='width:25%;'>餐厨</view>
+					<view style='width:25%;'></view>
+					<view style='width:25%;'></view>
 					<view class='checkall'>
 						<u-checkbox-group
 						            v-model="checkboxValue4"
@@ -214,7 +222,9 @@
 			
 			<view>
 				<view class='flex justify-space-between'>
-					<view>建筑</view>
+					<view style='width:25%;'>建筑</view>
+					<view style='width:25%;'></view>
+					<view style='width:25%;'></view>
 					<view class='checkall'>
 						<u-checkbox-group
 						            v-model="checkboxValue5"
@@ -390,9 +400,12 @@
 /deep/.u-checkbox-group{
 	flex-wrap: wrap;
 }
-.checkall /deep/.u-checkbox-group{
-	padding-right: 59rpx;
+.checkall{
+	width:25%;
 }
+/* .checkall /deep/.u-checkbox-group{
+	padding-right: 9vw;
+} */
 .more /deep/.u-checkbox-group .u-checkbox{
 		width:25%;