style:服务时段样式优化

orderPages/bookService/index.rpx.scss

@@ -191,6 +191,9 @@
   color: red;
   line-height: 30rpx;
 }
+.timeItemView{
+  padding-bottom: 5rpx;
+}
 .timeItem {
   width: 124rpx;
   height: 60rpx;

orderPages/bookService/index.vue

@@ -77,14 +77,17 @@
 			<view v-else>
 				<u-grid :border="false" col="5">
 					<u-grid-item v-if="item2.total > 0"  v-for="(item2,index2) in item.serviceTimeList" :key="index2">
-						<view class="flex-col justify-center timeItem " :class="{selectBack: item2.select}" @click="selectServiceTime(item.serviceTimeList,index,index2)">
-							<view class="flex-row justify-center">
-								<text class="time">{{item2.label}}</text>
+						<view class="timeItemView">
+							<view class="flex-col justify-center timeItem " :class="{selectBack: item2.select}" @click="selectServiceTime(item.serviceTimeList,index,index2)">
+								<view class="flex-row justify-center">
+									<text class="time">{{item2.label}}</text>
+								</view>
+								<!--							<view class="flex-row justify-center">-->
+								<!--								<text class="price">￥{{item2.price}}</text>-->
+								<!--							</view>-->
 							</view>
-<!--							<view class="flex-row justify-center">-->
-<!--								<text class="price">￥{{item2.price}}</text>-->
-<!--							</view>-->
 						</view>
+
 					</u-grid-item>
 				</u-grid>
 			</view>

orderPages/storeService/index.rpx.scss

@@ -129,6 +129,9 @@
   font-weight: bold;
   color: #333333;
 }
+.timeItemView{
+  padding-bottom: 5rpx;
+}
 .timeItem {
   width: 124rpx;
   height: 60rpx;

orderPages/storeService/index.vue

@@ -35,13 +35,15 @@
 			<view v-else>
 				<u-grid :border="false" col="5">
 					<u-grid-item v-if="item2.total > 0"  v-for="(item2,index2) in item.periodTimeList" :key="index2">
-						<view class="flex-col justify-center timeItem " :class="{selectBack: item2.select}" @click="selectServiceTime(item.periodTimeList,index,index2)">
-							<view class="flex-row justify-center">
-								<text class="time">{{item2.label}}</text>
+						<view class="timeItemView">
+							<view class="flex-col justify-center timeItem " :class="{selectBack: item2.select}" @click="selectServiceTime(item.periodTimeList,index,index2)">
+								<view class="flex-row justify-center">
+									<text class="time">{{item2.label}}</text>
+								</view>
+		<!--							<view class="flex-row justify-center">-->
+		<!--								<text class="price">￥{{item2.price}}</text>-->
+		<!--							</view>-->
 							</view>
-<!--							<view class="flex-row justify-center">-->
-<!--								<text class="price">￥{{item2.price}}</text>-->
-<!--							</view>-->
 						</view>
 					</u-grid-item>
 				</u-grid>