购物车显示优化

src/views/cart/index.tsx

@@ -23,6 +23,7 @@ export default defineComponent({
   name: 'cart',
   data() {
     return {
+      loading: true,
       dataShow: false,
       isManage: false,
       cartList: [],
@@ -33,6 +34,7 @@ export default defineComponent({
     checkAll() {
       let selectLen: number = this.selectItems.length
       let cartLen: number = this.cartList.length
+      if (!cartLen) return false
       return selectLen === cartLen
     },
     len() {
@@ -55,6 +57,7 @@ export default defineComponent({
   },
   methods: {
     async getCartList() {
+      this.loading = true
       this.cartList = []
       try {
         let { code, data } = await request.get('/api-mall-portal/cart/list')
@@ -67,6 +70,7 @@ export default defineComponent({
         }
       } catch (err) {}
       this.dataShow = true
+      this.loading = false
     },
     setCheckAll() {
       const selectItems = [] as any
@@ -248,7 +252,8 @@ export default defineComponent({
                     </div>
                   ))}
                 </CheckboxGroup>
-              ) : (
+              ) : null}
+              {!this.loading && !this.cartList.length && (
                 <ColResult
                   tips="购物车空空如也"
                   buttonText="去商城逛逛"