题目

src/views/CartView.vue

@@ -1,5 +1,27 @@
 <template>
-  <submit-bar :price="3050" button-text="提交订单" @submit="onSubmit">
+  <card
+      num="1"
+      price="2999.00"
+      desc="描述信息"
+      title="商品标题"
+      thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
+    <template #footer>
+      <button size="mini">-</button>
+      <button size="mini">+</button>
+    </template>
+  </card>
+  <card
+      num="1"
+      price="6188.00"
+      desc="描述信息"
+      title="商品标题"
+      thumb="https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg">
+    <template #footer>
+      <button size="mini">-</button>
+      <button size="mini">+</button>
+    </template>
+  </card>
+  <submit-bar :price="0" button-text="提交订单" @submit="onSubmit">
     <checkbox v-model="checked">全选</checkbox>
     <template #tip>
       你的收货地址不支持配送, <span @click="onClickLink">修改地址</span>
@@ -9,7 +31,7 @@
 
 <script setup>
 import {ref} from 'vue'
-import {showToast, SubmitBar, Checkbox, CheckboxGroup} from 'vant';
+import {showToast, Card, Button, Tag, SubmitBar, Checkbox, CheckboxGroup} from 'vant';
 
 const checked = ref(false)
 const onSubmit = () => showToast('点击按钮');

src/views/Webview.vue

@@ -7,9 +7,9 @@ import {onMounted, ref} from 'vue'
 import {useRouter, useRoute} from 'vue-router'
 
 const path = ref("#/pure/")
-const router = useRouter();
 const route = useRoute();
 const query = route.params.page
+
 path.value += query
 </script>