|
|
@@ -9,7 +9,15 @@
|
|
|
|
|
|
<scroll-view class="scrollY" scroll-y>
|
|
|
|
|
|
- <u-grid :border="false" col="5">
|
|
|
+ <view v-if="periodDateList === null || periodDateList.length === 0">
|
|
|
+ <view class="flex-row justify-center">
|
|
|
+ <image class="timeNull" src="/static/order/timeNull.png"></image>
|
|
|
+ </view>
|
|
|
+ <view class="timeNullText"><text>暂无服务时段,请选择其他技师</text></view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ <u-grid v-else :border="false" col="5">
|
|
|
<u-grid-item v-for="(item,index) in periodDateList" :key="index" @click="selectPeriod(item,index)">
|
|
|
<view class="flex-col justify-center timeItem" :class="{selectBack: item.label == label}">
|
|
|
<view class="flex-row justify-center">
|
|
|
@@ -198,4 +206,15 @@
|
|
|
border: 4rpx solid #FFE05C;
|
|
|
box-sizing:border-box
|
|
|
}
|
|
|
+ .timeNull{
|
|
|
+ width: 200rpx;
|
|
|
+ height: 200rpx;
|
|
|
+ margin-top: 100rpx;
|
|
|
+ }
|
|
|
+ .timeNullText{
|
|
|
+ text-align: center;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 40rpx;
|
|
|
+ }
|
|
|
</style>
|