优化购物车

src/pages/service/cart.vue

@@ -4,6 +4,7 @@
             <widget-tips text="为什么会拆成多个订单?根据师傅服务能力与服务类型进行订单拆分" />
         </view>
         <view class="cart-container">
+            <block v-if="list.length > 0">
                 <view class="cart-group" v-for="(item, index) in list" :key="index">
                     <view class="group-title limit-line clamp-1" @click="checkGroup(index)">
                         <view class="group-checkbox">
@@ -39,6 +40,14 @@
                         </view>
                     </view>
                 </view>
+            </block>
+            <block v-else>
+                <view class="empty-data">
+                    购物车为空，请先去<text class="choose-service" @click="utils.toPage('/pages/service/cate', {}, 'switch')">
+                        选择服务
+                    </text>
+                </view>
+            </block>
         </view>
     </app-layout>
 </template>
@@ -281,4 +290,16 @@ export default {
 .more {
     padding: 50rpx 0;
 }
+.empty-data {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 100rpx 50rpx;
+    text-align: center;
+    color: #999999;
+    font-size: 28rpx;
+    .choose-service {
+        color: #8194f2;
+        font-weight: bold;
+    }
+}
 </style>