diff --git a/CoreCms.Net.Uni-App/CoreShop/components/corecms-cart/corecms-cart.vue b/CoreCms.Net.Uni-App/CoreShop/components/corecms-cart/corecms-cart.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6378dcdbf4426111a8118b677961d1f4a093910d
--- /dev/null
+++ b/CoreCms.Net.Uni-App/CoreShop/components/corecms-cart/corecms-cart.vue
@@ -0,0 +1,382 @@
+<template>
+    <view>
+        <u-toast ref="uToast" /><u-no-network></u-no-network>
+        <!-- 购物车为空 -->
+        <view v-if="!shoppingCard.list || shoppingCard.list.length < 1">
+            <view class="coreshop-emptybox">
+                <u-empty :src="$apiFilesUrl+'/static/images/empty/cart.png'" icon-size="300" text="您的购物车空空如也" mode="list"></u-empty>
+                <navigator class="coreshop-btn" url="/pages/category/index/index" hover-class="btn-hover" open-type="switchTab">随便逛逛</navigator>
+            </view>
+        </view>
+        <!-- 购物车主结构  -->
+        <view v-else class="cart-shoppingcard" v-for="(item, index) in shoppingCard.list" :key="index">
+            <view class="cart-space-between cart-flex-vcenter" @click="goGoodsDetail(item.products.goodsId)">
+                <view class="cart-shopp-name">
+                    <text class="cart-h5 cart-bold">{{item.products.name}}{{item.id}}</text>
+                </view>
+                <view class="cart-shopp-go cart-nowrap cart-flex-end">
+                    <u-button class="cart-text-small" :plain="true" size="mini" @click="goGoodsDetail(item.products.goodsId)">浏览</u-button>
+                </view>
+            </view>
+            <view style="height:25rpx;"></view>
+            <view class="cart-shoppingcard-goods">
+                <view class="cart-shoppingcard-goods-checkbtn">
+                    <u-checkbox @change="itemChange" v-model="item.isSelect" active-color="red" :name="index"></u-checkbox>
+                </view>
+                <image class="cart-shoppingcard-goods-image" :src="item.products.images && item.products.images!='null' ?  item.products.images+'?x-oss-process=image/resize,m_lfit,h_320,w_240' : '/static/images/common/empty-banner.png'" mode="widthFix"></image>
+                <view class="cart-shoppingcard-goods-body">
+                    <!--<view class="cart-shoppingcard-goods-title">{{item.products.name}}</view>-->
+                    <view class="cart-shoppingcard-goods-title" v-if="item.products.spesDesc">{{ item.products.spesDesc }}</view>
+                    <view class="cart-shoppingcard-goods-title" v-if="item.products.promotionList">
+                        <text class="cart-badge cart-bg-gray" v-for="(v, k) in item.products.promotionList" :key="k" :class="v.type !== 2 ? 'bg-gray' : ''"> {{ v.name }}</text>
+                    </view>
+
+                    <view class="cart-space-between" style="margin-top:20rpx;">
+                        <text class="cart-shoppingcard-goods-price">￥{{item.products.price}}</text>
+                        <view class="cart-shoppingcard-goods-number">
+                            <u-number-box :disabled="false" :index="index" v-model="item.nums" @change="numberChange" :step="1" :min="1" :max="item.products.stock"></u-number-box>
+                        </view>
+                    </view>
+
+                    <view class="cart-space-between">
+                        <text class="cart-shoppingcard-remove cart-icons icon-msg" v-if="item.stockNo">库存不足</text>
+                        <text class="cart-shoppingcard-remove cart-icons icon-msg" v-else-if="item.stockTension">库存紧张</text>
+                        <text class="cart-shoppingcard-remove cart-icons" v-else=""></text>
+                        <u-icon class="cart-shoppingcard-remove cart-icons icon-remove" name="trash" size="28" @click="removeGoods" :index="index" label="删除"></u-icon>
+                    </view>
+                </view>
+            </view>
+        </view>
+
+        <view class="nobox"></view>
+
+        <view class="cart-nowrap cart-flex-vcenter cart-border-t" style="background-color: #FFFFFF; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 99;" v-if="shoppingCard.list.length >= 1">
+            <view class="cart-shoppingcard-checkbtn cart-nowrap cart-flex-vcenter">
+                <u-checkbox @change="itemChangeAll" v-model="selectAll" active-color="red">{{selectText}}</u-checkbox>
+            </view>
+            <view class="cart-shoppingcard-count cart-nowrap cart-flex-vcenter">
+                <text class="cart-text">合计 :</text>
+                <text class="u-font-26 text-red">￥{{totalprice}}</text>
+            </view>
+            <view class="cart-shoppingcard-checkout cart-bg-red" @tap="checkout">立即结算</view>
+        </view>
+
+        <!-- 登录提示 -->
+        <corecms-login-modal></corecms-login-modal>
+    </view>
+
+</template>
+<script>
+    import checkBtn from '@/components/checkBtn/checkBtn.vue';
+    import { goods } from '@/common/mixins/mixinsHelper.js';
+    export default {
+        components: {
+            checkBtn
+        },
+        mixins: [goods],
+        data() {
+            return {
+                // 总价
+                totalprice: '0.00',
+                // 选择文本
+                selectText: '全选',
+                // 购物车数据 可以来自 api 请求或本地数据
+                shoppingCard: [],
+                cartData: {}, //购物车数据
+                cartIds: [], //选中ids
+                goSettlement: false, //去结算按钮
+                selectAll: true
+            }
+        },
+        computed: {
+            // 从vuex中获取店铺名称
+            shopName() {
+                return this.$store.state.config.shopName;
+            },
+            GoodsStocksWarn() {
+                return this.$store.state.config.goodsStocksWarn;
+            }
+        },
+        methods: {
+            //数组转字符串
+            arrayToStr: function (array) {
+                return array.toString();
+            },
+
+            //获取购物车数据
+            getCartData() {
+				let _this = this;
+				let userToken = _this.$db.get('userToken');
+				
+				if (userToken) {
+
+                let cartIds = _this.arrayToStr(_this.cartIds);
+                let data = {
+                    ids: cartIds,
+                    display: 'all'
+                };
+                this.$u.api.cartList(data).then(res => {
+                    if (res.status) {
+                        _this.shoppingCard = res.data;
+                        _this.showHandle(_this.shoppingCard); //数量设置
+                        //console.log(_this.shoppingCard);
+                    }
+                });
+				}
+            },
+
+            //渲染前配置数据
+            showHandle: function (data, flag = true) {
+                let _this = this;
+                let goSettlement = false;
+                for (let i in data.list) {
+                    //不可能购买0件
+                    if (data.list[i].nums < 1) {
+                        data.list[i].nums = 1;
+                    }
+                    //不能买大于库存的数量(库存不足)
+                    let stockNo = false;
+                    let maxStock = data.list[i].products.stock;
+                    if (data.list[i].nums > data.list[i].products.stock) {
+                        stockNo = true;
+                        maxStock = data.list[i].nums;
+                    }
+                    data.list[i].maxStock = maxStock;
+                    data.list[i].stockNo = stockNo;
+
+                    //库存紧张
+                    let stockTension = false;
+                    if (_this.GoodsStocksWarn >= data.list[i].products.stock) {
+                        stockTension = true;
+                    }
+                    data.list[i].stockTension = stockTension;
+
+                    //设置样式
+                    data.list[i].minStatus = 'normal';
+                    data.list[i].maxStatus = 'normal';
+                    if (data.list[i].nums == 1) {
+                        data.list[i].minStatus = 'disabled';
+                    }
+                    if (data.list[i].nums == data.list[i].products.stock) {
+                        data.list[i].maxStatus = 'disabled';
+                    }
+
+                    //设置规格参数
+                    data.list[i].spes = [];
+                    if (data.list[i].products.spesDesc != null) {
+                        let spesArray = data.list[i].products.spesDesc.split(',');
+                        for (let key in spesArray) {
+                            let spesOne = spesArray[key].split(':');
+                            data.list[i].spes.push(spesOne[1]);
+                        }
+                    }
+                    //添加左滑效果
+                    data.list[i].isTouchMove = false;
+                    //是否可以去支付
+                    if (data.list[i].isSelect) {
+                        goSettlement = true;
+                    }
+                    //id转换为字符串
+                    data.list[i].id = _this.arrayToStr(data.list[i].id);
+                    //选中状态
+                    if (flag) {
+                        data.list[i].isSelect = true;
+                        if (data.list[i].isSelect) {
+                            if (_this.cartIds.indexOf(data.list[i].id) < 0) {
+                                _this.cartIds.push(data.list[i].id);
+                            }
+                        }
+                    }
+                }
+                data.goodsPromotionMoney = _this.$common.formatMoney(data.goodsPromotionMoney, 2, '');
+                data.orderPromotionMoney = _this.$common.formatMoney(data.orderPromotionMoney, 2, '');
+                data.amount = _this.$common.formatMoney(data.amount, 2, '');
+                let isLoad = false;
+                if (data.list.length < 1) {
+                    isLoad = true;
+                }
+                let n = 0;
+                for (let i in data.promotionList) {
+                    n++;
+                }
+
+                _this.goSettlement = goSettlement;
+                _this.isLoad = isLoad;
+                _this.cartNums = n;
+
+                if (flag) {
+                    _this.cartData = data;
+                } else {
+                    _this.getCartData();
+                }
+                _this.countTotoal();
+            },
+
+            //计算总计函数
+            countTotoal: function () {
+                let _that = this;
+                var total = 0;
+                for (let i in _that.shoppingCard.list) {
+                    if (_that.shoppingCard.list[i].isSelect) {
+                        total += Number(_that.shoppingCard.list[i].products.price) * Number(_that.shoppingCard.list[i].nums);
+                    }
+                }
+                _that.totalprice = _that.$common.formatMoney(total, 2, '');
+            },
+            numberChange: function (d) {
+                var id = this.shoppingCard.list[d.index].productId;
+                var nums = d.value;
+                let _this = this;
+                let data = {
+                    id: id,
+                    nums: nums
+                };
+                _this.$u.api.setCartNum(data).then(res => {
+                    if (res.status) {
+                        _this.shoppingCard.list[d.index].nums = d.value;
+                    } else {
+                        _this.$u.toast(res.msg);
+                    }
+                });
+                //重新计算总价
+                this.countTotoal();
+            },
+            removeGoods: function (index) {
+                console.log(index);
+                let _this = this;
+                var index = index;
+                uni.showModal({
+                    title: '确认提醒',
+                    content: '您确定要移除此商品吗？',
+                    success: (e) => {
+                        if (e.confirm) {
+                            //移除数据库
+                            let data = {
+                                id: _this.shoppingCard.list[index].id
+                            };
+                            _this.$u.api.removeCart(data).then(res => {
+                                if (res.status) {
+                                    //清除已经勾选的商品和购物车数据
+                                    var idIndex = _this.cartIds.indexOf(_this.shoppingCard.list[index].id);
+                                    if (idIndex > -1) {
+                                        _this.cartIds.splice(index, 1);
+                                    }
+                                    _this.shoppingCard.list.splice(index, 1);
+                                    //计算总价
+                                    _this.countTotoal();
+                                    _this.$refs.uToast.show({ title: res.msg, type: 'success', back: false });
+                                }
+                            });
+
+                        }
+                    }
+                })
+            },
+            checkout: function () {
+                let _this = this;
+                let cartData = _this.shoppingCard.list;
+                let newData = '';
+                for (let key in cartData) {
+                    if (cartData[key].isSelect == true) {
+                        newData += ',' + cartData[key].id;
+                        _this.goSettlement = true;
+                    }
+                }
+                if (newData.substr(0, 1) == ',') {
+                    newData = newData.substr(1);
+                }
+                if (newData.length > 0) {
+                    _this.$u.route('/pages/placeOrder/index/index?cartIds=' + JSON.stringify(newData));
+                    return true;
+                } else {
+                    //没有选择不跳转
+                }
+
+            },
+            // 商品选中
+            itemChange: function (e) {
+                var _this = this;
+                var index = Number(e.name);
+                var bl = e.value;
+                let cartData = _this.shoppingCard;
+                cartData.list[index].isSelect = bl;
+                if (bl) {
+                    if (_this.cartIds.indexOf(cartData.list[index].id) < 0) {
+                        _this.cartIds.push(cartData.list[index].id);
+                    }
+                } else {
+                    var idIndex = _this.cartIds.indexOf(cartData.list[index].id);
+                    if (idIndex > -1) {
+                        _this.cartIds.splice(index, 1);
+                    }
+                }
+                _this.shoppingCard = cartData;
+                this.countTotoal();
+                if (_this.cartIds.length == _this.shoppingCard.list.length) {
+                    this.selectAll = true;
+                    let e = { value: true };
+                    this.itemChangeAll(e);
+                } else {
+                    this.selectAll = false;
+                }
+
+            },
+            itemChangeAll: function (e) {
+                let _this = this;
+                var bl = e.value;
+                this.selectText = bl ? '全选' : '全不选';
+                var ids = [];
+                for (var i = 0; i < this.shoppingCard.list.length; i++) {
+                    this.shoppingCard.list[i].isSelect = bl;
+                    if (bl) {
+                        ids.push(this.shoppingCard.list[i].id);
+                    }
+                }
+                if (bl) {
+                    _this.cartIds = ids;
+                } else {
+                    _this.cartIds = [];
+                }
+
+                this.countTotoal();
+            }
+        }
+    }
+</script>
+<style lang="scss" scoped>
+    page { background: #fff }
+    .wrap { display: flex; flex-direction: column; height: calc(100vh - var(--window-top)); width: 100%; }
+    .nobox { height: 130rpx; width: 100%; line-height: 130rpx; font-size: 28rpx; text-align: center; -webkit-flex-shrink: 0; flex-shrink: 0; }
+
+    .empty-view { width: 280rpx; height: 280rpx; border-radius: 280rpx; background-color: #F6F7F8; margin-top: 30rpx; }
+    .empty-img { width: 220rpx; height: 200rpx; margin: 40rpx; border-radius: 200rpx; }
+
+    .cart-shoppingcard { background: #FFFFFF; border-radius: 8rpx; margin: 0 20rpx; margin-top: 20rpx; border-radius: 16rpx; padding: 20rpx 20rpx; background: #FFFFFF !important; }
+        .cart-shoppingcard:last-child { margin-bottom: 150rpx }
+
+    .cart-shopp-name { width: calc(100% - 120rpx); }
+    .cart-shopp-go { width: 120rpx; }
+    .cart-shoppingcard-goods { margin: 0rpx; display: flex; flex-wrap: nowrap; }
+    .cart-shoppingcard-goods-checkbtn { width: 60rpx; flex-shrink: 0; }
+    .cart-shoppingcard-goods-image { width: 120rpx; height: 120rpx; border-radius: 10rpx; margin-right: 20rpx; flex-shrink: 0; }
+    .cart-shoppingcard-goods-body { width: 100%; }
+    .cart-shoppingcard-goods-title { line-height: 1.4em; }
+    .cart-shoppingcard-goods-price { color: #e54d42; font-size: 32rpx; display: flex; flex-wrap: nowrap; justify-content: space-between; }
+    .cart-shoppingcard-goods-number { padding: 2px 0; }
+    .cart-shoppingcard-remove { display: block; text-align: right; line-height: 50rpx; margin-top: 30rpx; color: #CCCCCC; font-size: 24rpx; }
+    .cart-shoppingcard-checkbtn { width: 200rpx; margin-left: 50rpx; flex-shrink: 0; }
+    .cart-shoppingcard-checkout { width: 180rpx; height: 100rpx; line-height: 100rpx; font-size: 28rpx; text-align: center; flex-shrink: 0; }
+    .cart-bg-gray { background: #A5A7B2 !important; color: #FFFFFF !important; }
+    .cart-badge { border-radius: 38rpx; height: 38rpx; line-height: 38rpx; padding: 0 13rpx; font-size: 22rpx; }
+
+    .cart-space-between { display: flex; flex-direction: row; justify-content: space-between; }
+    .cart-h5 { font-size: 30rpx; }
+    .cart-bold { font-weight: bold; }
+    .cart-nowrap { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
+    .cart-flex-end { display: flex; flex-direction: row; justify-content: flex-end; }
+    .cart-text-small { font-size: 22rpx; line-height: 40rpx; }
+
+    .cart-flex-vcenter { align-items: center; }
+    .cart-border-t { border-top: 1px solid #E9E9E9; }
+    .cart-bg-red { background: #e54d42 !important; color: #FFFFFF !important; }
+</style>
\ No newline at end of file
diff --git a/CoreCms.Net.Uni-App/CoreShop/pages.json b/CoreCms.Net.Uni-App/CoreShop/pages.json
index 0f620957cdb434f4ccb44548905ef3340e4e8918..08bbec06398cf4a511d8702386dad30c57535bd3 100644
--- a/CoreCms.Net.Uni-App/CoreShop/pages.json
+++ b/CoreCms.Net.Uni-App/CoreShop/pages.json
@@ -289,6 +289,14 @@
         "navigationBarTextStyle": "black",
         "navigationBarTitleText": "打赏"
       }
+    },
+    {
+      "path": "pages/cart/cart",
+      "style": {
+        "navigationBarTextStyle": "black",
+        "navigationBarTitleText": "购物车"
+      }
+
     }
   ],
   "subpackages": [
diff --git a/CoreCms.Net.Uni-App/CoreShop/pages/cart/cart.vue b/CoreCms.Net.Uni-App/CoreShop/pages/cart/cart.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d946cd0e19de41d6889d83bbbb652741263583a2
--- /dev/null
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/cart/cart.vue
@@ -0,0 +1,21 @@
+<template>
+    <view>
+        <u-navbar title="购物车"></u-navbar>
+        <corecmscart ref="corecmscart"></corecmscart>
+    </view>
+</template>
+
+<script>
+    import corecmscart from '@/components/corecms-cart/corecms-cart.vue';
+    export default {
+        components: {
+            corecmscart
+        },
+        onShow: function () {
+            this.$refs.corecmscart.getCartData();
+        }
+    }
+</script>
+
+<style>
+</style>
diff --git a/CoreCms.Net.Uni-App/CoreShop/pages/goods/goodDetails/goodDetails.vue b/CoreCms.Net.Uni-App/CoreShop/pages/goods/goodDetails/goodDetails.vue
index 5e53a480109a227166a46980d3e74b565ad479ff..edc8972c0e4c09886f5585692dbba7f38b911f21 100644
--- a/CoreCms.Net.Uni-App/CoreShop/pages/goods/goodDetails/goodDetails.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/goods/goodDetails/goodDetails.vue
@@ -871,10 +871,7 @@
             },
             // 购物车页面跳转
             redirectCart() {
-                this.$u.route({
-                    type: 'switchTab',
-                    url: '/pages/index/cart/cart'
-                });
+                this.$u.route('/pages/cart/cart');
             },
             // 点击弹出框确定按钮事件处理
             clickHandle() {
diff --git a/CoreCms.Net.Uni-App/CoreShop/pages/index/cart/cart.vue b/CoreCms.Net.Uni-App/CoreShop/pages/index/cart/cart.vue
index eeb3021bfa0b6c053f1140f21231eed022d4ee79..036faadd1dca1b9dcb2840b7bad123d3f753a8bc 100644
--- a/CoreCms.Net.Uni-App/CoreShop/pages/index/cart/cart.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/index/cart/cart.vue
@@ -1,86 +1,20 @@
-<template>
+<template>
     <view class="wrap">
-        <u-toast ref="uToast" /><u-no-network></u-no-network>
         <u-navbar :is-back="false" :background="background">
             <view class="slot-wrap">
                 <u-search :show-action="true" shape="round" v-model="searchKey" action-text="搜索" placeholder="请输入搜索内容" @custom="goSearch" @search="goSearch" :action-style="actionStyle"></u-search>
             </view>
         </u-navbar>
-        <!-- 购物车为空 -->
-        <view v-if="!shoppingCard.list || shoppingCard.list.length < 1">
-            <view class="coreshop-emptybox">
-                <u-empty :src="$apiFilesUrl+'/static/images/empty/cart.png'" icon-size="300" text="您的购物车空空如也" mode="list"></u-empty>
-                <navigator class="coreshop-btn" url="/pages/category/index/index" hover-class="btn-hover" open-type="switchTab">随便逛逛</navigator>
-            </view>
-        </view>
-        <!-- 购物车主结构  -->
-        <view v-else class="cart-shoppingcard" v-for="(item, index) in shoppingCard.list" :key="index">
-            <view class="cart-space-between cart-flex-vcenter" @click="goGoodsDetail(item.products.goodsId)">
-                <view class="cart-shopp-name">
-                    <text class="cart-h5 cart-bold">{{item.products.name}}{{item.id}}</text>
-                </view>
-                <view class="cart-shopp-go cart-nowrap cart-flex-end">
-                    <u-button class="cart-text-small" :plain="true" size="mini" @click="goGoodsDetail(item.products.goodsId)">浏览</u-button>
-                </view>
-            </view>
-            <view style="height:25rpx;"></view>
-            <view class="cart-shoppingcard-goods">
-                <view class="cart-shoppingcard-goods-checkbtn">
-                    <u-checkbox @change="itemChange" v-model="item.isSelect" active-color="red" :name="index"></u-checkbox>
-                </view>
-                <image class="cart-shoppingcard-goods-image" :src="item.products.images && item.products.images!='null' ?  item.products.images+'?x-oss-process=image/resize,m_lfit,h_320,w_240' : '/static/images/common/empty-banner.png'" mode="widthFix"></image>
-                <view class="cart-shoppingcard-goods-body">
-                    <!--<view class="cart-shoppingcard-goods-title">{{item.products.name}}</view>-->
-                    <view class="cart-shoppingcard-goods-title" v-if="item.products.spesDesc">{{ item.products.spesDesc }}</view>
-                    <view class="cart-shoppingcard-goods-title" v-if="item.products.promotionList">
-                        <text class="cart-badge cart-bg-gray" v-for="(v, k) in item.products.promotionList" :key="k" :class="v.type !== 2 ? 'bg-gray' : ''"> {{ v.name }}</text>
-                    </view>
-
-                    <view class="cart-space-between" style="margin-top:20rpx;">
-                        <text class="cart-shoppingcard-goods-price">￥{{item.products.price}}</text>
-                        <view class="cart-shoppingcard-goods-number">
-                            <u-number-box :disabled="false" :index="index" v-model="item.nums" @change="numberChange" :step="1" :min="1" :max="item.products.stock"></u-number-box>
-                        </view>
-                    </view>
-
-                    <view class="cart-space-between">
-                        <text class="cart-shoppingcard-remove cart-icons icon-msg" v-if="item.stockNo">库存不足</text>
-                        <text class="cart-shoppingcard-remove cart-icons icon-msg" v-else-if="item.stockTension">库存紧张</text>
-                        <text class="cart-shoppingcard-remove cart-icons" v-else=""></text>
-                        <u-icon class="cart-shoppingcard-remove cart-icons icon-remove" name="trash" size="28" @click="removeGoods" :index="index" label="删除"></u-icon>
-                    </view>
-                </view>
-            </view>
-
-
-        </view>
-
-        <view class="nobox"></view>
-
-        <view class="cart-nowrap cart-flex-vcenter cart-border-t" style="background-color: #FFFFFF; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 99;" v-if="shoppingCard.list.length >= 1">
-            <view class="cart-shoppingcard-checkbtn cart-nowrap cart-flex-vcenter">
-                <u-checkbox @change="itemChangeAll" v-model="selectAll" active-color="red">{{selectText}}</u-checkbox>
-            </view>
-            <view class="cart-shoppingcard-count cart-nowrap cart-flex-vcenter">
-                <text class="cart-text">合计 :</text>
-                <text class="u-font-26 text-red">￥{{totalprice}}</text>
-            </view>
-            <view class="cart-shoppingcard-checkout cart-bg-red" @tap="checkout">立即结算</view>
-        </view>
-
-        <!-- 登录提示 -->
-        <corecms-login-modal></corecms-login-modal>
+        <corecmscart ref="corecmscart"></corecmscart>
     </view>
-
 </template>
+
 <script>
-    import checkBtn from '@/components/checkBtn/checkBtn.vue';
-    import { goods } from '@/common/mixins/mixinsHelper.js';
+    import corecmscart from '@/components/corecms-cart/corecms-cart.vue';
     export default {
         components: {
-            checkBtn
+            corecmscart
         },
-        mixins: [goods],
         data() {
             return {
                 background: {
@@ -90,276 +24,12 @@
                     color: '#ffffff',
                 },
                 searchKey: '',
-                // 总价
-                totalprice: '0.00',
-                // 选择文本
-                selectText: '全选',
-                // 购物车数据 可以来自 api 请求或本地数据
-                shoppingCard: [],
-                cartData: {}, //购物车数据
-                cartIds: [], //选中ids
-                goSettlement: false, //去结算按钮
-                selectAll: true
             }
         },
-        //页面加载
-        onShow: function () {
-            let userToken = this.$db.get('userToken');
-            if (userToken) {
-                this.getCartData(); //获取购物车数据
-            }
-        },
-        onLoad: function () {
-            // 初始化时候计算总价，如果使用api 获取购物车项目在 api 请求完成后执行此函数
-            this.countTotoal();
-        },
-        computed: {
-            // 从vuex中获取店铺名称
-            shopName() {
-                return this.$store.state.config.shopName;
-            },
-            GoodsStocksWarn() {
-                return this.$store.state.config.goodsStocksWarn;
-            }
+		onShow: function() {
+           this.$refs.corecmscart.getCartData();
         },
         methods: {
-            //数组转字符串
-            arrayToStr: function (array) {
-                return array.toString();
-            },
-
-            //获取购物车数据
-            getCartData: function () {
-                let _this = this;
-                let cartIds = _this.arrayToStr(_this.cartIds);
-                let data = {
-                    ids: cartIds,
-                    display: 'all'
-                };
-                this.$u.api.cartList(data).then(res => {
-                    if (res.status) {
-                        _this.shoppingCard = res.data;
-                        _this.showHandle(_this.shoppingCard); //数量设置
-                        //console.log(_this.shoppingCard);
-                    }
-                });
-            },
-
-            //渲染前配置数据
-            showHandle: function (data, flag = true) {
-                let _this = this;
-                let goSettlement = false;
-                for (let i in data.list) {
-                    //不可能购买0件
-                    if (data.list[i].nums < 1) {
-                        data.list[i].nums = 1;
-                    }
-                    //不能买大于库存的数量(库存不足)
-                    let stockNo = false;
-                    let maxStock = data.list[i].products.stock;
-                    if (data.list[i].nums > data.list[i].products.stock) {
-                        stockNo = true;
-                        maxStock = data.list[i].nums;
-                    }
-                    data.list[i].maxStock = maxStock;
-                    data.list[i].stockNo = stockNo;
-
-                    //库存紧张
-                    let stockTension = false;
-                    if (_this.GoodsStocksWarn >= data.list[i].products.stock) {
-                        stockTension = true;
-                    }
-                    data.list[i].stockTension = stockTension;
-
-                    //设置样式
-                    data.list[i].minStatus = 'normal';
-                    data.list[i].maxStatus = 'normal';
-                    if (data.list[i].nums == 1) {
-                        data.list[i].minStatus = 'disabled';
-                    }
-                    if (data.list[i].nums == data.list[i].products.stock) {
-                        data.list[i].maxStatus = 'disabled';
-                    }
-
-                    //设置规格参数
-                    data.list[i].spes = [];
-                    if (data.list[i].products.spesDesc != null) {
-                        let spesArray = data.list[i].products.spesDesc.split(',');
-                        for (let key in spesArray) {
-                            let spesOne = spesArray[key].split(':');
-                            data.list[i].spes.push(spesOne[1]);
-                        }
-                    }
-                    //添加左滑效果
-                    data.list[i].isTouchMove = false;
-                    //是否可以去支付
-                    if (data.list[i].isSelect) {
-                        goSettlement = true;
-                    }
-                    //id转换为字符串
-                    data.list[i].id = _this.arrayToStr(data.list[i].id);
-                    //选中状态
-                    if (flag) {
-                        data.list[i].isSelect = true;
-                        if (data.list[i].isSelect) {
-                            if (_this.cartIds.indexOf(data.list[i].id) < 0) {
-                                _this.cartIds.push(data.list[i].id);
-                            }
-                        }
-                    }
-                }
-                data.goodsPromotionMoney = _this.$common.formatMoney(data.goodsPromotionMoney, 2, '');
-                data.orderPromotionMoney = _this.$common.formatMoney(data.orderPromotionMoney, 2, '');
-                data.amount = _this.$common.formatMoney(data.amount, 2, '');
-                let isLoad = false;
-                if (data.list.length < 1) {
-                    isLoad = true;
-                }
-                let n = 0;
-                for (let i in data.promotionList) {
-                    n++;
-                }
-
-                _this.goSettlement = goSettlement;
-                _this.isLoad = isLoad;
-                _this.cartNums = n;
-
-                if (flag) {
-                    _this.cartData = data;
-                } else {
-                    _this.getCartData();
-                }
-                _this.countTotoal();
-            },
-
-            //计算总计函数
-            countTotoal: function () {
-                let _that = this;
-                var total = 0;
-                for (let i in _that.shoppingCard.list) {
-                    if (_that.shoppingCard.list[i].isSelect) {
-                        total += Number(_that.shoppingCard.list[i].products.price) * Number(_that.shoppingCard.list[i].nums);
-                    }
-                }
-                _that.totalprice = _that.$common.formatMoney(total, 2, '');
-            },
-            numberChange: function (d) {
-                var id = this.shoppingCard.list[d.index].productId;
-                var nums = d.value;
-                let _this = this;
-                let data = {
-                    id: id,
-                    nums: nums
-                };
-                _this.$u.api.setCartNum(data).then(res => {
-                    if (res.status) {
-                        _this.shoppingCard.list[d.index].nums = d.value;
-                    } else {
-                        _this.$u.toast(res.msg);
-                    }
-                });
-                //重新计算总价
-                this.countTotoal();
-            },
-            removeGoods: function (index) {
-                console.log(index);
-                let _this = this;
-                var index = index;
-                uni.showModal({
-                    title: '确认提醒',
-                    content: '您确定要移除此商品吗？',
-                    success: (e) => {
-                        if (e.confirm) {
-                            //移除数据库
-                            let data = {
-                                id: _this.shoppingCard.list[index].id
-                            };
-                            _this.$u.api.removeCart(data).then(res => {
-                                if (res.status) {
-                                    //清除已经勾选的商品和购物车数据
-                                    var idIndex = _this.cartIds.indexOf(_this.shoppingCard.list[index].id);
-                                    if (idIndex > -1) {
-                                        _this.cartIds.splice(index, 1);
-                                    }
-                                    _this.shoppingCard.list.splice(index, 1);
-                                    //计算总价
-                                    _this.countTotoal();
-                                    _this.$refs.uToast.show({ title: res.msg, type: 'success', back: false });
-                                }
-                            });
-
-                        }
-                    }
-                })
-            },
-            checkout: function () {
-                let _this = this;
-                let cartData = _this.shoppingCard.list;
-                let newData = '';
-                for (let key in cartData) {
-                    if (cartData[key].isSelect == true) {
-                        newData += ',' + cartData[key].id;
-                        _this.goSettlement = true;
-                    }
-                }
-                if (newData.substr(0, 1) == ',') {
-                    newData = newData.substr(1);
-                }
-                if (newData.length > 0) {
-                    _this.$u.route('/pages/placeOrder/index/index?cartIds=' + JSON.stringify(newData));
-                    return true;
-                } else {
-                    //没有选择不跳转
-                }
-
-            },
-            // 商品选中
-            itemChange: function (e) {
-                var _this = this;
-                var index = Number(e.name);
-                var bl = e.value;
-                let cartData = _this.shoppingCard;
-                cartData.list[index].isSelect = bl;
-                if (bl) {
-                    if (_this.cartIds.indexOf(cartData.list[index].id) < 0) {
-                        _this.cartIds.push(cartData.list[index].id);
-                    }
-                } else {
-                    var idIndex = _this.cartIds.indexOf(cartData.list[index].id);
-                    if (idIndex > -1) {
-                        _this.cartIds.splice(index, 1);
-                    }
-                }
-                _this.shoppingCard = cartData;
-                this.countTotoal();
-                if (_this.cartIds.length == _this.shoppingCard.list.length) {
-                    this.selectAll = true;
-                    let e = { value: true };
-                    this.itemChangeAll(e);
-                } else {
-                    this.selectAll = false;
-                }
-
-            },
-            itemChangeAll: function (e) {
-                let _this = this;
-                var bl = e.value;
-                this.selectText = bl ? '全选' : '全不选';
-                var ids = [];
-                for (var i = 0; i < this.shoppingCard.list.length; i++) {
-                    this.shoppingCard.list[i].isSelect = bl;
-                    if (bl) {
-                        ids.push(this.shoppingCard.list[i].id);
-                    }
-                }
-                if (bl) {
-                    _this.cartIds = ids;
-                } else {
-                    _this.cartIds = [];
-                }
-
-                this.countTotoal();
-            },
             goSearch() {
                 if (this.searchKey != '') {
                     this.$u.route('/pages/category/list/list?key=' + this.searchKey);
@@ -373,42 +43,11 @@
         }
     }
 </script>
-<style lang="scss" scoped>
-    page { background: #fff }
-    .wrap { display: flex; flex-direction: column; height: calc(100vh - var(--window-top)); width: 100%; }
-    .nobox { height: 130rpx; width: 100%; line-height: 130rpx; font-size: 28rpx; text-align: center; -webkit-flex-shrink: 0; flex-shrink: 0; }
 
-    .empty-view { width: 280rpx; height: 280rpx; border-radius: 280rpx; background-color: #F6F7F8; margin-top: 30rpx; }
-    .empty-img { width: 220rpx; height: 200rpx; margin: 40rpx; border-radius: 200rpx; }
-
-    .cart-shoppingcard { background: #FFFFFF; border-radius: 8rpx; margin: 0 20rpx; margin-top: 20rpx; border-radius: 16rpx; padding: 20rpx 20rpx; background: #FFFFFF !important; }
-        .cart-shoppingcard:last-child { margin-bottom: 150rpx }
-
-    .cart-shopp-name { width: calc(100% - 120rpx); }
-    .cart-shopp-go { width: 120rpx; }
-    .cart-shoppingcard-goods { margin: 0rpx; display: flex; flex-wrap: nowrap; }
-    .cart-shoppingcard-goods-checkbtn { width: 60rpx; flex-shrink: 0; }
-    .cart-shoppingcard-goods-image { width: 120rpx; height: 120rpx; border-radius: 10rpx; margin-right: 20rpx; flex-shrink: 0; }
-    .cart-shoppingcard-goods-body { width: 100%; }
-    .cart-shoppingcard-goods-title { line-height: 1.4em; }
-    .cart-shoppingcard-goods-price { color: #e54d42; font-size: 32rpx; display: flex; flex-wrap: nowrap; justify-content: space-between; }
-    .cart-shoppingcard-goods-number { padding: 2px 0; }
-    .cart-shoppingcard-remove { display: block; text-align: right; line-height: 50rpx; margin-top: 30rpx; color: #CCCCCC; font-size: 24rpx; }
-    .cart-shoppingcard-checkbtn { width: 200rpx; margin-left: 50rpx; flex-shrink: 0; }
-    .cart-shoppingcard-checkout { width: 180rpx; height: 100rpx; line-height: 100rpx; font-size: 28rpx; text-align: center; flex-shrink: 0; }
-    .cart-bg-gray { background: #A5A7B2 !important; color: #FFFFFF !important; }
-    .cart-badge { border-radius: 38rpx; height: 38rpx; line-height: 38rpx; padding: 0 13rpx; font-size: 22rpx; }
-
-    .cart-space-between { display: flex; flex-direction: row; justify-content: space-between; }
-    .cart-h5 { font-size: 30rpx; }
-    .cart-bold { font-weight: bold; }
-    .cart-nowrap { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
-    .cart-flex-end { display: flex; flex-direction: row; justify-content: flex-end; }
-    .cart-text-small { font-size: 22rpx; line-height: 40rpx; }
-
-    .cart-flex-vcenter { align-items: center; }
-    .cart-border-t { border-top: 1px solid #E9E9E9; }
-    .cart-bg-red { background: #e54d42 !important; color: #FFFFFF !important; }
-
-    .slot-wrap { display: flex; align-items: center; padding: 0 20rpx; }
-</style>
\ No newline at end of file
+<style>
+    .slot-wrap {
+        display: flex;
+        align-items: center;
+        padding: 0 20rpx;
+    }
+</style>