打包

dist/css/411.e4757598.css

@@ -1 +0,0 @@
-.login-page[data-v-6c83dcbd]{position:relative;left:0;width:100%;height:100%;overflow:hidden}.login-page .bg-container[data-v-6c83dcbd]{width:100vw;height:100%;left:0;top:0;z-index:1}.login-page .bg-container .bg-img[data-v-6c83dcbd]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.login-page .form-card[data-v-6c83dcbd]{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:360px;background:#fff;border-radius:8px;box-shadow:0 2px 16px rgba(0,0,0,.1);z-index:2;padding:30px 25px}.login-page .form-card .tab-bar[data-v-6c83dcbd]{display:flex;justify-content:center;margin-bottom:25px}.login-page .form-card .tab-bar .tab-item[data-v-6c83dcbd]{width:50%;text-align:center;padding:10px 0;color:#666;cursor:pointer;border-bottom:2px solid transparent}.login-page .form-card .tab-bar .tab-item.active[data-v-6c83dcbd]{color:#6a8a27;border-bottom-color:#6a8a27}.login-page .form-card .login-form .el-form-item[data-v-6c83dcbd]{margin-bottom:20px}.login-page .form-card .login-form .el-input[data-v-6c83dcbd]{height:40px;line-height:40px}.login-page .form-card .login-form .captcha-img[data-v-6c83dcbd]{display:inline-block;width:30%;height:40px;margin-left:8px;cursor:pointer;vertical-align:middle}.login-page .form-card .login-form .captcha-img .captcha-pic[data-v-6c83dcbd]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.login-page .form-card .login-form .code-btn[data-v-6c83dcbd]{padding:0 5px;height:40px;background-color:#6a8a27;border:none;margin-left:5px}.login-page .form-card .login-form .remember-item[data-v-6c83dcbd]{padding-left:0;margin-bottom:10px}.login-page .form-card .login-form .login-btn[data-v-6c83dcbd]{width:100%;background:#6a8a27;border:none}.login-page .form-card .login-form .login-btn[data-v-6c83dcbd]:hover{background:#e03e40}.login-page .form-card .login-form .register-guide[data-v-6c83dcbd]{text-align:center;margin-top:15px;color:#999}.login-page .form-card .login-form .register-guide .register-link[data-v-6c83dcbd]{color:#6a8a27;text-decoration:underline;margin-left:5px}@media(max-width:992px){.login-page .form-card[data-v-6c83dcbd]{right:5%;width:320px}}@media(max-width:576px){.login-page .form-card[data-v-6c83dcbd]{right:50%;transform:translate(50%,-50%);width:90%}}

dist/css/700.5f484165.css

@@ -0,0 +1 @@
+.login-page[data-v-d8d6c674]{position:relative;left:0;width:100%;height:100%;overflow:hidden}.login-page .bg-container[data-v-d8d6c674]{width:100vw;height:100%;left:0;top:0;z-index:1}.login-page .bg-container .bg-img[data-v-d8d6c674]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.login-page .form-card[data-v-d8d6c674]{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:360px;background:#fff;border-radius:8px;box-shadow:0 2px 16px rgba(0,0,0,.1);z-index:2;padding:30px 25px}.login-page .form-card .tab-bar[data-v-d8d6c674]{display:flex;justify-content:center;margin-bottom:25px}.login-page .form-card .tab-bar .tab-item[data-v-d8d6c674]{width:50%;text-align:center;padding:10px 0;color:#666;cursor:pointer;border-bottom:2px solid transparent}.login-page .form-card .tab-bar .tab-item.active[data-v-d8d6c674]{color:#6a8a27;border-bottom-color:#6a8a27}.login-page .form-card .login-form .el-form-item[data-v-d8d6c674]{margin-bottom:20px}.login-page .form-card .login-form .el-input[data-v-d8d6c674]{height:40px;line-height:40px}.login-page .form-card .login-form .captcha-img[data-v-d8d6c674]{display:inline-block;width:30%;height:40px;margin-left:8px;cursor:pointer;vertical-align:middle}.login-page .form-card .login-form .captcha-img .captcha-pic[data-v-d8d6c674]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.login-page .form-card .login-form .code-btn[data-v-d8d6c674]{padding:0 5px;height:40px;background-color:#6a8a27;border:none;margin-left:5px}.login-page .form-card .login-form .remember-item[data-v-d8d6c674]{padding-left:0;margin-bottom:10px}.login-page .form-card .login-form .login-btn[data-v-d8d6c674]{width:100%;background:#6a8a27;border:none}.login-page .form-card .login-form .login-btn[data-v-d8d6c674]:hover{background:#e03e40}.login-page .form-card .login-form .register-guide[data-v-d8d6c674]{text-align:center;margin-top:15px;color:#999}.login-page .form-card .login-form .register-guide .register-link[data-v-d8d6c674]{color:#6a8a27;text-decoration:underline;margin-left:5px}@media(max-width:992px){.login-page .form-card[data-v-d8d6c674]{right:5%;width:320px}}@media(max-width:576px){.login-page .form-card[data-v-d8d6c674]{right:50%;transform:translate(50%,-50%);width:90%}}

dist/index.html

@@ -1 +1 @@
-<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>shiweisuzhou</title><script defer="defer" src="/js/chunk-vendors.9c0851b6.js"></script><script defer="defer" src="/js/app.174e4b49.js"></script><link href="/css/chunk-vendors.10dd4e95.css" rel="stylesheet"><link href="/css/app.7a96818a.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but shiweisuzhou doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
+<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>shiweisuzhou</title><script defer="defer" src="/js/chunk-vendors.981357e9.js"></script><script defer="defer" src="/js/app.cf4d2948.js"></script><link href="/css/chunk-vendors.10dd4e95.css" rel="stylesheet"><link href="/css/app.b0d0af41.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but shiweisuzhou doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>

src/components/layout/Sidebar.vue

@@ -33,7 +33,7 @@ export default {
   name: "Sidebar",
   data() {
     return {
-      cartCount: 3, // 购物车数量，可根据实际情况动态获取
+      cartCount: 0, // 购物车数量，可根据实际情况动态获取
       isShowBackTop: false, // 是否显示回到顶部激活态
       scrollTimer: null, // 节流定时器
     };

src/store/index.js

@@ -71,6 +71,7 @@ export default new Vuex.Store({
       state.user.info = null
       state.user.token = ''
       localStorage.removeItem('token')
+      state.cart.totalCount = 0
     },
     
     // 更新购物车总数
@@ -108,6 +109,14 @@ export default new Vuex.Store({
       })
     },
 
+    // 用户登录
+    login({ commit, dispatch }, { userInfo, token }) {
+      // 先调用 mutation 更新登录状态
+      commit('USER_LOGIN', { userInfo, token })
+      // 登录成功后，调用获取购物车数量的 action
+      dispatch('fetchCartCount')
+    },
+    
     // 用户登出
     logout({ commit }) {
       commit('USER_LOGOUT')

src/views/Detail/Index.vue

@@ -122,13 +122,13 @@
           <el-button type="success" class="cart-btn" @click="addCart"
             >加入购物车</el-button
           >
-          <el-button type="info" class="bargain-btn">议价</el-button>
+          <!-- <el-button type="info" class="bargain-btn">议价</el-button>
           <el-button
             icon="el-icon-share"
             circle
             class="share-btn"
             @click="handleShare"
-          ></el-button>
+          ></el-button> -->
         </div>
       </div>
     </div>

src/views/Login.vue

@@ -260,7 +260,7 @@ export default {
               }
 
               // 提交到Vuex存储用户信息
-              this.$store.commit("USER_LOGIN", {
+              this.$store.dispatch("login", {
                 userInfo: res.data,
                 token: res.data.token,
               });

src/views/Order/Index.vue

@@ -358,7 +358,15 @@ export default {
       this.$router.go(-1);
     }
     this.getAddress();
-    this.getInvoiceList();
+    // this.getInvoiceList();
+  },
+  watch: {
+    needInvoice(newVal) {
+      // 当needInvoice变为true时，加载发票抬头列表
+      if (newVal) {
+        this.getInvoiceList();
+      }
+    },
   },
   methods: {
     ...mapMutations(["clearOrderData"]),