You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
32 KiB
1 line
32 KiB
{"version":3,"sources":["webpack:///./src/views/cart/childComps/CheckButton.vue?d476","webpack:///./src/components/content/CheckButton/CheckButton.vue?d29d","webpack:///./src/views/cart/childComps/CartList.vue?9f98","webpack:///./src/views/cart/Cart.vue?44bc","webpack:///./src/views/cart/childComps/CartList.vue?26cc","webpack:///./src/views/cart/childComps/CartListItem.vue?9d97","webpack:///./src/components/content/CheckButton/CheckButton.vue?6877","webpack:///src/components/content/CheckButton/CheckButton.vue","webpack:///./src/components/content/CheckButton/CheckButton.vue?9d01","webpack:///./src/components/content/CheckButton/CheckButton.vue","webpack:///src/views/cart/childComps/CartListItem.vue","webpack:///./src/views/cart/childComps/CartListItem.vue?2f6c","webpack:///./src/views/cart/childComps/CartListItem.vue","webpack:///src/views/cart/childComps/CartList.vue","webpack:///./src/views/cart/childComps/CartList.vue?257c","webpack:///./src/views/cart/childComps/CartList.vue","webpack:///./src/views/cart/childComps/CartBottomBar.vue?7236","webpack:///./src/views/cart/childComps/CheckButton.vue?5e28","webpack:///src/views/cart/childComps/CheckButton.vue","webpack:///./src/views/cart/childComps/CheckButton.vue?23e4","webpack:///./src/views/cart/childComps/CheckButton.vue","webpack:///src/views/cart/childComps/CartBottomBar.vue","webpack:///./src/views/cart/childComps/CartBottomBar.vue?718b","webpack:///./src/views/cart/childComps/CartBottomBar.vue","webpack:///src/views/cart/Cart.vue","webpack:///./src/views/cart/Cart.vue?c074","webpack:///./src/views/cart/Cart.vue","webpack:///./src/views/cart/childComps/CartBottomBar.vue?b353","webpack:///./src/views/cart/childComps/CartListItem.vue?e3f4","webpack:///./src/views/cart/Cart.vue?f843"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","_v","_s","length","_e","staticRenderFns","ref","on","loadMore","pullingDown","_l","item","index","key","scopedSlots","_u","fn","remove","proxy","itemInfo","count","price","desc","title","image","class","check","isCheck","name","props","type","Boolean","default","component","components","Scroll","CartListItem","computed","activated","$refs","scroll","refresh","methods","pullingdown","setTimeout","checkBtnClick","model","value","callback","$$v","isSelectAll","expression","totalPrice","btnclick","$store","getters","cartLength","checked","selectItem","CartBottomBar","NavBar","CartList","data","cartlistisexit","mounted","$bus","$on"],"mappings":"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","file":"js/chunk-ac48065c.cda05a22.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckButton.vue?vue&type=style&index=0&id=43f0c0b6&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckButton.vue?vue&type=style&index=0&id=43f0c0b6&scoped=true&lang=css&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckButton.vue?vue&type=style&index=0&id=7f236110&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckButton.vue?vue&type=style&index=0&id=7f236110&scoped=true&lang=css&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartList.vue?vue&type=style&index=0&id=913925ea&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartList.vue?vue&type=style&index=0&id=913925ea&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cart\"},[_c('NavBar',{staticClass:\"nav-bar\"},[_c('div',{attrs:{\"slot\":\"center\"},slot:\"center\"},[_vm._v(\"购物车(\"+_vm._s(_vm.length)+\")\")])]),(this.cartlistisexit)?_c('CartList'):_vm._e(),_c('CartBottomBar')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cart\"},[_c('Scroll',{ref:\"scroll\",staticClass:\"content\",attrs:{\"probe-type\":3,\"pull-up-load\":true},on:{\"pullingUp\":_vm.loadMore,\"pullingDown\":_vm.pullingDown}},_vm._l((_vm.list),function(item,index){return _c('CartListItem',{key:index,attrs:{\"item-info\":item}},[_vm._v(_vm._s(item)+\"> \")])}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (this.isexit)?_c('div',{attrs:{\"id\":\"shop-item\"}},[_c('van-swipe-cell',{scopedSlots:_vm._u([{key:\"right\",fn:function(){return [_c('van-button',{staticClass:\"delete-button\",attrs:{\"square\":\"\",\"text\":\"删除\",\"type\":\"danger\"},on:{\"click\":_vm.remove}})]},proxy:true}],null,false,1181944412)},[_c('van-card',{staticClass:\"goods-card\",attrs:{\"num\":_vm.itemInfo.count,\"price\":_vm.itemInfo.price,\"desc\":_vm.itemInfo.desc,\"title\":_vm.itemInfo.title,\"thumb\":_vm.itemInfo.image}})],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"check-button\",class:{check:_vm.isCheck}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/cart/tick.svg\"),\"alt\":\"\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <div class=\"check-button\" :class=\"{check:isCheck}\" >\n <img src=\"@/assets/img/cart/tick.svg\" alt=\"\">\n </div>\n</template>\n\n<script>\nexport default {\n name: \"CheckButton\",\n props:{\n isCheck:{\n type: Boolean,\n default:false\n }\n }\n}\n</script>\n\n<style scoped>\n.check-button{\n border-radius: 50%;\n border:2px solid #aaa;\n}\n.check{\n background-color: red;\n border-color: red;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckButton.vue?vue&type=template&id=7f236110&scoped=true&\"\nimport script from \"./CheckButton.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CheckButton.vue?vue&type=style&index=0&id=7f236110&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"7f236110\",\n null\n \n)\n\nexport default component.exports","<template>\n <div id=\"shop-item\" v-if=\"this.isexit\">\n <!-- <div class=\"item-selector\">\n <CheckButton :is-check=\"itemInfo.checked\" @click.native=\"checkClick\"></CheckButton>\n </div>\n <div class=\"item-img\">\n <img :src=\"itemInfo.image\" alt=\"商品图片\">\n </div>\n <div class=\"item-info\">\n <div class=\"item-title\">{{itemInfo.title}}</div>\n <div class=\"item-desc\">商品描述: {{itemInfo.desc}}</div>\n <div class=\"info-bottom\">\n <div class=\"item-price left\">¥{{itemInfo.price}}</div>\n <div class=\"item-count right\">x{{itemInfo.count}}</div>\n </div>\n </div>\n </div> -->\n <van-swipe-cell>\n <van-card\n :num=\"itemInfo.count\"\n :price=\"itemInfo.price\"\n :desc=\"itemInfo.desc\"\n :title=\"itemInfo.title\"\n class=\"goods-card\"\n :thumb=\"itemInfo.image\"\n />\n <template #right>\n <van-button square text=\"删除\" type=\"danger\" class=\"delete-button\" @click=\"remove\"/>\n </template>\n</van-swipe-cell>\n </div>\n</template>\n\n<script>\nimport CheckButton from \"@/components/content/CheckButton/CheckButton\";\n\n export default {\n name: \"CartListItem\",\n components: {\n CheckButton\n },\n data(){\n return {\n isexit:true\n }\n },\n props:{\n itemInfo:{\n type:Object,\n default(){\n return {}\n }\n }\n },\n methods:{\n remove(){\n this.$store.commit('REMOVE_TO_DATA',this.itemInfo.iid)\n this.isexit=false\n }\n }\n }\n</script>\n\n<style scoped>\n #shop-item {\n width: 100%;\n display: flex;\n font-size: 0;\n padding: 5px;\n border-bottom: 1px solid #ccc;\n }\n\n .item-selector {\n width: 14%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .item-title, .item-desc {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .item-img {\n padding: 5px;\n /*border: 1px solid #ccc;*/\n }\n\n .item-img img {\n width: 80px;\n height: 100px;\n display: block;\n border-radius: 5px;\n }\n\n .item-info {\n font-size: 17px;\n color: #333;\n padding: 5px 10px;\n position: relative;\n overflow: hidden;\n }\n\n .item-info .item-desc {\n font-size: 14px;\n color: #666;\n margin-top: 15px;\n }\n\n .info-bottom {\n margin-top: 10px;\n position: absolute;\n bottom: 10px;\n left: 10px;\n right: 10px;\n }\n\n .info-bottom .item-price {\n color: orangered;\n }\n .goods-card {\n margin: 0;\n background-color: #fff;\n }\n\n .delete-button {\n height: 100%;\n }\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartListItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CartListItem.vue?vue&type=template&id=8854e116&scoped=true&\"\nimport script from \"./CartListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./CartListItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CartListItem.vue?vue&type=style&index=0&id=8854e116&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"8854e116\",\n null\n \n)\n\nexport default component.exports","<template>\n <div class=\"cart\">\n <Scroll class=\"content\" ref=\"scroll\"\n :probe-type=\"3\"\n :pull-up-load=\"true\"\n @pullingUp=\"loadMore\"\n @pullingDown=\"pullingDown\"\n >\n <CartListItem v-for=\"(item,index) in list\"\n :key=\"index\"\n :item-info=\"item\">{{item}}>\n </CartListItem>\n </Scroll>\n </div>\n</template>\n\n<script>\nimport Scroll from \"@/components/common/Scroll/Scroll\";\n\nimport CartListItem from \"@/views/cart/childComps/CartListItem\";\n\nimport {mapGetters} from 'vuex'\n\n\nexport default {\n name: \"CartList\",\n components: {\n Scroll,\n CartListItem\n },\n computed: {\n // ...mapGetters(['cartLength','cartList'])\n ...mapGetters({\n list: 'cartList'\n })\n },\n activated(){\n this.$refs.scroll.refresh()\n },\n methods:{\n loadMore(){\n // this.getHomeGoods(this.currentType)\n this.$refs.scroll.refresh()\n },\n pullingDown() {\n this.pullingdown = true;\n setTimeout(() => {\n this.pullingdown = false;\n this.$refs.scroll.finishPullDown();\n }, 0)\n },\n }\n}\n</script>\n\n<style scoped>\n.content{\n height: calc(100% - 44px - 49px - 44px);\n overflow: hidden;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CartList.vue?vue&type=template&id=913925ea&scoped=true&\"\nimport script from \"./CartList.vue?vue&type=script&lang=js&\"\nexport * from \"./CartList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CartList.vue?vue&type=style&index=0&id=913925ea&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"913925ea\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bottom-menu\"},[_c('CheckButton',{staticClass:\"select-all\",on:{\"checkBtnClick\":_vm.checkBtnClick},model:{value:(_vm.isSelectAll),callback:function ($$v) {_vm.isSelectAll=$$v},expression:\"isSelectAll\"}}),_c('span',{staticClass:\"total-price\"},[_vm._v(\"合计: \"+_vm._s(_vm.totalPrice))]),_c('span',{staticClass:\"buy-product\",on:{\"click\":_vm.btnclick}},[_vm._v(\"去计算(\"+_vm._s(_vm.$store.getters.cartLength)+\")\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"icon-selector\",class:{'selector-active': _vm.checked},on:{\"click\":_vm.selectItem}},[_c('img',{attrs:{\"src\":require(\"assets/img/cart/tick.svg\"),\"alt\":\"\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <div>\n <div class=\"icon-selector\" :class=\"{'selector-active': checked}\" @click=\"selectItem\">\n <img src=\"~/assets/img/cart/tick.svg\" alt=\"\">\n </div>\n </div>\n</template>\n\n<script>\n\texport default {\n\t\tname: \"CheckButton\",\n props: {\n\t\t value: {\n\t\t type: Boolean,\n default: true\n }\n },\n data: function () {\n\t\t return {\n\t\t checked: this.value\n }\n },\n methods: {\n selectItem: function () {\n this.$emit('checkBtnClick')\n }\n },\n watch: {\n\t\t value: function (newValue) {\n this.checked = newValue;\n }\n }\n\t}\n</script>\n\n<style scoped>\n .icon-selector {\n position: relative;\n margin: 0;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n border: 2px solid #ccc;\n cursor: pointer;\n }\n\n .selector-active {\n background-color: #ff8198;\n border-color: #ff8198;\n }\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckButton.vue?vue&type=template&id=43f0c0b6&scoped=true&\"\nimport script from \"./CheckButton.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CheckButton.vue?vue&type=style&index=0&id=43f0c0b6&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"43f0c0b6\",\n null\n \n)\n\nexport default component.exports","<template>\n <div class=\"bottom-menu\">\n <CheckButton class=\"select-all\" @checkBtnClick=\"checkBtnClick\" v-model=\"isSelectAll\"></CheckButton>\n\n <span class=\"total-price\">合计: {{totalPrice}}</span>\n\n <span class=\"buy-product\" @click=\"btnclick\" >去计算({{$store.getters.cartLength}})</span>\n </div>\n</template>\n\n<script>\n import CheckButton from './CheckButton'\n import {mapGetters} from 'vuex'\n\n\texport default {\n\t\tname: \"BottomBar\",\n components: {\n\t\t CheckButton\n },\n computed: {\n\t\t ...mapGetters(['cartList']),\n\t\t totalPrice(){\n\t\t return '¥'+this.cartList.filter(item=>{\n\t\t return item.checked\n }).reduce((preValue,item)=>{\n return preValue+item.price*item.count\n },0).toFixed(2)\n },\n checkLength(){\n\t\t return !this.cartList.filter(item=>item.checked).length\n },\n isSelectAll () {\n\t\t if(this.cartList.length === 0)\n\t\t return false\n return !this.cartList.find(item=>!item.checked)\n }\n },\n methods: {\n checkBtnClick: function () {\n // 1.判断是否有未选中的按钮\n let isSelectAll = this.$store.getters.cartList.find(item => !item.checked);\n\n // 2.有未选中的内容, 则全部选中\n if (isSelectAll) {\n this.$store.state.cartList.forEach(item => {\n item.checked = true;\n });\n } else {\n this.$store.state.cartList.forEach(item => {\n item.checked = false;\n });\n }\n },\n btnclick(){\n if(!this.isSelectAll){\n this.$toast.show('请选购商品',2000)\n }else{\n this.$router.push('/order')\n }\n }\n }\n\t}\n</script>\n\n<style scoped>\n .bottom-menu {\n width: 100%;\n height: 44px;\n background-color: #eee;\n position: fixed;\n bottom: 50px;\n left: 0;\n box-shadow: 0 -2px 3px rgba(0, 0, 0, .2);\n font-size: 14px;\n color: #888;\n line-height: 44px;\n padding-left: 35px;\n box-sizing: border-box;\n z-index: 999999 ;\n }\n\n .bottom-menu .select-all {\n position: absolute;\n line-height: 0;\n left: -99999999999px;\n top: 13px;\n }\n\n .bottom-menu .total-price {\n margin-left: -20px;\n font-size: 16px;\n color: #666;\n }\n\n .bottom-menu .buy-product {\n background-color: orangered;\n color: #fff;\n width: 100px;\n height: 44px;\n text-align: center;\n line-height: 44px;\n float: right;\n }\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartBottomBar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartBottomBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CartBottomBar.vue?vue&type=template&id=0e565102&scoped=true&\"\nimport script from \"./CartBottomBar.vue?vue&type=script&lang=js&\"\nexport * from \"./CartBottomBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CartBottomBar.vue?vue&type=style&index=0&id=0e565102&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"0e565102\",\n null\n \n)\n\nexport default component.exports","<template>\n <div class=\"cart\">\n <NavBar class=\"nav-bar\">\n <div slot=\"center\" >购物车({{length}})</div>\n </NavBar>\n <CartList v-if=\"this.cartlistisexit\"></CartList>\n <CartBottomBar></CartBottomBar>\n </div>\n</template>\n\n<script>\n\nimport CartList from \"@/views/cart/childComps/CartList\";\nimport CartBottomBar from \"@/views/cart/childComps/CartBottomBar\";\n\nimport NavBar from \"@/components/common/navbar/NavBar\";\n\nimport {mapGetters} from 'vuex'\n\nexport default {\nname: \"Cart\",\n components:{\n CartBottomBar,\n NavBar,\n CartList,\n\n },\n computed:{\n // ...mapGetters(['cartLength','cartList'])\n ...mapGetters({\n length:'cartLength',\n list:'cartList'\n })\n },\n data(){\n return {\n cartlistisexit:true\n }\n },\n mounted(){\n this.$bus.$on('clearcartlist',()=>{\n this.cartlistisexit=false;\n this.cartlistisexit=true;\n })\n }\n}\n</script>\n\n<style scoped>\n.cart {\n /*position: relative;*/\n height: 100vh;\n}\n\n.nav-bar {\n \n font-weight: 700;\n background-color:#df3832;\n color: #fff;\n}\n\n\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Cart.vue?vue&type=template&id=12198472&scoped=true&\"\nimport script from \"./Cart.vue?vue&type=script&lang=js&\"\nexport * from \"./Cart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Cart.vue?vue&type=style&index=0&id=12198472&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"12198472\",\n null\n \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartBottomBar.vue?vue&type=style&index=0&id=0e565102&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartBottomBar.vue?vue&type=style&index=0&id=0e565102&scoped=true&lang=css&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartListItem.vue?vue&type=style&index=0&id=8854e116&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartListItem.vue?vue&type=style&index=0&id=8854e116&scoped=true&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cart.vue?vue&type=style&index=0&id=12198472&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cart.vue?vue&type=style&index=0&id=12198472&scoped=true&lang=css&\""],"sourceRoot":""} |