购物车、结算和订单初始页面

yudao-ui-app/store/index.js

@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 import user from './mudules/user'
+import cart from './mudules/cart'
 import getters from './getters'
 
 Vue.use(Vuex) // vue的插件机制
@@ -8,7 +9,8 @@ Vue.use(Vuex) // vue的插件机制
 // Vuex.Store 构造器选项
 const store = new Vuex.Store({
   modules: {
-    user
+    user,
+    cart
   },
   getters
 })

yudao-ui-app/store/mudules/cart.js

@@ -0,0 +1,28 @@
+import { getCartDetail } from '@/api/cart'
+
+const cart = {
+  state: {
+    cartCount: 0
+  },
+  mutations: {
+    //记录购物车商品数量
+    SET_CART_COUNT(state, data) {
+      const arr = data.length || []
+      state.cartNumber = arr.length
+    }
+  },
+  actions: {
+    //获取购物车数据
+    CartProductDetail({ state, commit }) {
+      return getCartDetail()
+        .then(res => {
+          commit('SET_CART_COUNT', res.data)
+          return Promise.resolve(res)
+        })
+        .catch(err => {
+          return Promise.reject(err)
+        })
+    }
+  }
+}
+export default cart