购物车

src/views/mall/cart/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <Navbar v-if="props.showNavbar" />
-  <v-card class="card-box mb-5 pa-5 resume-box mt-3" :class="props.defaultWidth ? 'default-width' : '100%'" :elevation="props.elevation">
+  <v-card class="card-box mb-5 pa-5 resume-box mt-16" :class="props.defaultWidth ? 'default-width' : '100%'" :elevation="props.elevation">
+    <v-btn variant="text" size="x-large" prepend-icon="mdi-chevron-triple-left" color="primary" @click.stop="router.go(-1)">返回</v-btn>
     <div class="resume-header">
       <div class="resume-title" style="cursor: pointer;" @click="getCartList">我的购物车</div>
       <div>
@@ -75,7 +75,6 @@
 <script setup>
 defineOptions({ name: 'mall-cart'})
 import { ref, computed, onMounted, nextTick } from 'vue'
-import Navbar from '../components/navbar.vue'
 import { useRouter } from 'vue-router'
 import { getMallUserCartList } from '@/api/mall/cart'
 import { fen2yuan } from '@/hooks/web/useGoods'

src/views/mall/home/index.vue

@@ -21,7 +21,7 @@
           <v-tabs class="mt-10" v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa">
             <v-tab v-for="(val, i) in tabList" :key="i" :value="val.value">{{ val.title }}</v-tab>
           </v-tabs>
-          <v-btn class="cart" variant="text" prepend-icon="mdi-cart-outline" color="primary" @click="handleTo('/mall/cart')">购物车</v-btn>
+          <v-btn class="cart" variant="text" size="large" prepend-icon="mdi-cart-outline" color="primary" @click="handleTo('/mall/cart')">购物车</v-btn>
         </div>
 
         <!-- 热门商品 -->