优化购物车展示

src/components/Vant/index.js

@@ -46,6 +46,7 @@ import {
   ContactCard,
   ContactList,
   ContactEdit,
+  Stepper,
   NoticeBar,
   Radio,
   RadioGroup,
@@ -99,6 +100,7 @@ Vue.use(Toast)
   .use(ContactCard)
   .use(ContactList)
   .use(ContactEdit)
+  .use(Stepper)
   .use(NoticeBar)
   .use(Radio)
   .use(RadioGroup)

src/views/cart/modules/Item.vue

@@ -25,8 +25,9 @@
           >{{item}}</van-tag>
         </template>
          <template #footer>
-          <svg-icon icon-class="add-circle" :width="20" :height="20" @click="addNum"/>&nbsp;&nbsp;
-          <svg-icon icon-class="minus-circle" :width="20" :height="20" @click="minusNum"/>
+          <van-stepper v-model="value" theme="round" button-size="18" disable-input />
+          <!-- <svg-icon icon-class="add-circle" :width="20" :height="20" @click="addNum"/>&nbsp;&nbsp;
+          <svg-icon icon-class="minus-circle" :width="20" :height="20" @click="minusNum"/> -->
         </template>
       </van-card>
       <template #right>
@@ -70,6 +71,9 @@ export default {
       }
     }
   },
+  data() {
+    return { value: 1 }
+  },
   methods: {
     // position 为关闭时点击的位置
     // instance 为对应的 SwipeCell 实例