{"version":3,"sources":["webpack:///./src/views/frontend/products.vue?0ef3","webpack:///src/views/frontend/products.vue","webpack:///./src/views/frontend/products.vue?e873","webpack:///./src/views/frontend/products.vue","webpack:///./src/views/frontend/products.vue?38a3"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","style","height","catesHeight","key","class","active","filter","category","attrs","to","path","query","cateId","brandId","keywords","hotSale","preferential","nativeOn","click","$event","setFilter","id","_l","item","_s","name","href","on","toggleHeight","brandsHeight","brand","products","src","imageUrl","alt","getPriceType","priceType","symbol","price","originalPrice","_e","totalCount","pageSize","background","layout","page-size","total","current-change","changePage","staticRenderFns","productsvue_type_script_lang_js_","data","loading","categoriesAndBrands","items","page","computed","categories","cates","map","value","arr","brands","_this","x","length","sort","a","b","_sort","forEach","e","push","watch","deep","handler","newVal","oldVal","getProducts","$route","setFilters","mounted","getCategories","methods","q","isNaN","parse_int_default","v","$router","_this2","showLoading","$axios","post","window","consts","apis","size","then","res","closeLoading","success","result","catch","_this3","get","type","t","$loading","lock","close","frontend_productsvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_products_vue_vue_type_style_index_0_id_3852e632_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_products_vue_vue_type_style_index_0_id_3852e632_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/chunk-1fc30580.d442e60c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"cates\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"分类：\")]),_c('div',{staticClass:\"items\",style:({height: _vm.catesHeight})},[_c('router-link',{key:\"allCate\",class:{active:0 === _vm.filter.category},attrs:{\"to\":{path:'/products',query:{cateId:0, brandId:0, keywords: _vm.filter.keywords, hotSale: false, preferential:false }}},nativeOn:{\"click\":function($event){return _vm.setFilter('cate',{id:0})}}},[_vm._v(\"不限\\n                \")]),_vm._l((_vm.categories),function(item){return _c('router-link',{key:'cate'+item.id,class:{active:item.id === _vm.filter.category},attrs:{\"to\":{path:'/products',query:{cateId:item.id, brandId:0, keywords: _vm.filter.keywords, hotSale: false, preferential:false }}},nativeOn:{\"click\":function($event){return _vm.setFilter('cate',item)}}},[_vm._v(_vm._s(item.name)+\"\\n                \")])})],2),_c('div',{staticClass:\"more\"},[_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.toggleHeight('cates')}}},[_vm._v(\"更多>\")])])]),_c('div',{staticClass:\"brands\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"品牌：\")]),_c('div',{staticClass:\"items\",style:({height: _vm.brandsHeight})},[_c('router-link',{key:\"allBrand\",class:{active:0 === _vm.filter.brand},attrs:{\"to\":{path:'/products',query:{cateId:_vm.filter.category, brandId:0, keywords: _vm.filter.keywords, hotSale: false, preferential:false }}},nativeOn:{\"click\":function($event){return _vm.setFilter('brand',{id:0})}}},[_vm._v(\"不限\\n                \")]),_vm._l((_vm.brands),function(item){return _c('router-link',{key:'brand'+item.id,class:{active:item.id === _vm.filter.brand},attrs:{\"to\":{path:'/products',query:{cateId:_vm.filter.category, brandId:item.id, keywords: _vm.filter.keywords, hotSale: false, preferential:false }}},nativeOn:{\"click\":function($event){return _vm.setFilter('brand',item)}}},[_vm._v(_vm._s(item.name)+\"\\n                \")])})],2),_c('div',{staticClass:\"more\"},[_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.toggleHeight('brands')}}},[_vm._v(\"更多>\")])])]),_c('div',{staticClass:\"brands\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"特性：\")]),_c('div',{staticClass:\"items\"},[_c('router-link',{key:\"alltag\",class:{active:!_vm.filter.hotSale && !_vm.filter.preferential},attrs:{\"to\":{path:'/products',query:{cateId:_vm.filter.category, brandId:_vm.filter.brand, keywords: _vm.filter.keywords, hotSale: false, preferential:false }}},nativeOn:{\"click\":function($event){return _vm.setFilter('all',false)}}},[_vm._v(\"不限\\n                \")]),_c('router-link',{key:\"pref\",class:{active: _vm.filter.preferential == true},attrs:{\"to\":{path:'/products',query:{cateId:_vm.filter.category, brandId:_vm.filter.brand, keywords: _vm.filter.keywords, hotSale: _vm.filter.hotSale, preferential:true }}},nativeOn:{\"click\":function($event){return _vm.setFilter('preferential',true)}}},[_vm._v(\"特惠\\n                \")])],1)])]),_c('div',{staticClass:\"products clearfix\"},_vm._l((_vm.products.items),function(item){return _c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":{path:'/transaction/'+item.id}}},[_c('img',{attrs:{\"src\":item.imageUrl,\"alt\":\"\"}}),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.getPriceType(item.priceType).symbol)+_vm._s(item.price)+\" \"),(item.originalPrice > item.price)?_c('span',{staticClass:\"price-del\"},[_vm._v(_vm._s(_vm.getPriceType(item.priceType).symbol)+_vm._s(item.originalPrice))]):_vm._e()])])],1)}),0),(_vm.products.totalCount>_vm.filter.pageSize)?_c('div',{staticClass:\"pager\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":_vm.filter.pageSize,\"total\":_vm.products.totalCount},on:{\"current-change\":_vm.changePage}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<style lang=\"scss\" scoped>\r\n    .top {\r\n        width: 1200px;\r\n        margin: auto;\r\n        padding: 30px 0;\r\n        margin-top: 40px;\r\n        -moz-box-shadow: 0 0 8px rgba(194, 209, 197, .4);\r\n        -webkit-box-shadow: 0 0 8px rgba(194, 209, 197, .4);\r\n        box-shadow: 0 0 8px rgba(194, 209, 197, .4);\r\n\r\n        .cates, .brands {\r\n            width: 1140px;\r\n            margin: auto;\r\n            display: flex;\r\n            flex-direction: row;\r\n            line-height: 32px;\r\n\r\n            .label {\r\n                width: 70px;\r\n            }\r\n\r\n            .items {\r\n                width: 1000px;\r\n                height: 32px;\r\n                overflow: hidden;\r\n\r\n                a {\r\n                    display: inline-block;\r\n                    margin-right: 20px;\r\n\r\n                    &:hover {\r\n                        color: #90ca6f;\r\n                    }\r\n\r\n                    &.active {\r\n                        color: #90ca6f;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .more {\r\n                width: 70px;\r\n                text-align: right;\r\n\r\n                a:hover {\r\n                    color: #90ca6f;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .products {\r\n        width: 1220px;\r\n        margin: auto;\r\n        padding-top: 50px;\r\n\r\n        .item {\r\n            width: 224px;\r\n            padding: 10px 10px 30px;\r\n            float: left;\r\n            text-align: center;\r\n\r\n            a {\r\n                padding: 15px 0;\r\n                display: block;\r\n                background: white;\r\n                -moz-box-shadow: 0 0 5px rgba(194, 209, 197, .4);\r\n                -webkit-box-shadow: 0 0 5px rgba(194, 209, 197, .4);\r\n                box-shadow: 0 0 5px rgba(194, 209, 197, .4);\r\n            }\r\n\r\n            .title {\r\n                width: 190px;\r\n                margin: 15px auto 0;\r\n                border-top: 1px solid #ddd;\r\n                height: 50px;\r\n                line-height: 1.2;\r\n                overflow: hidden;\r\n                padding-top: 10px;\r\n                font-size: 14px;\r\n                padding-bottom: 5px;\r\n                text-align: left\r\n            }\r\n\r\n            .price {\r\n                color: #F20347;\r\n                font-size: 20px;\r\n            }\r\n            .price-del {\r\n                margin-top:5px;\r\n                color:#999;\r\n                font-size: 12px;\r\n                text-decoration:line-through;\r\n            }\r\n\r\n            img {\r\n                height: 190px;\r\n                width: 190px;\r\n                display: block;\r\n                margin: auto;\r\n\r\n            }\r\n        }\r\n    }\r\n\r\n    .pager {\r\n        padding-top: 20px;\r\n        padding-bottom: 60px;\r\n        text-align: center;\r\n\r\n        ::v-deep .el-pager li {\r\n            height: 36px;\r\n            line-height: 36px;\r\n        }\r\n\r\n        ::v-deep .el-pagination.is-background .btn-next,\r\n        ::v-deep .el-pagination.is-background .btn-prev,\r\n        ::v-deep .el-pagination.is-background .el-pager li {\r\n            min-width: 36px;\r\n        }\r\n\r\n        ::v-deep .el-pagination.is-background .btn-next,\r\n        ::v-deep .el-pagination.is-background .btn-prev,\r\n        ::v-deep .el-pagination.is-background .el-pager li:hover {\r\n            color: #7cb85a;\r\n        }\r\n\r\n        ::v-deep .el-pagination.is-background .el-pager li.active:hover {\r\n            color: #fff;\r\n        }\r\n\r\n        ::v-deep .el-pagination button, ::v-deep .el-pagination span:not([class*=suffix]) {\r\n            height: 36px;\r\n            line-height: 36px;\r\n        }\r\n\r\n        ::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {\r\n            background: #7cb85a;\r\n        }\r\n    }\r\n\r\n</style>\r\n<template>\r\n    <div class=\"\">\r\n        <div class=\"top\">\r\n            <div class=\"cates\">\r\n                <div class=\"label\">分类：</div>\r\n                <div class=\"items\" v-bind:style=\"{height: catesHeight}\">\r\n                    <router-link @click.native=\"setFilter('cate',{id:0})\"\r\n                                 :to=\"{path:'/products',query:{cateId:0, brandId:0, keywords: filter.keywords, hotSale: false, preferential:false }}\"\r\n                                 :class=\"{active:0 === filter.category}\"\r\n                                 key=\"allCate\">不限\r\n                    </router-link>\r\n                    <router-link @click.native=\"setFilter('cate',item)\"\r\n                                 :to=\"{path:'/products',query:{cateId:item.id, brandId:0, keywords: filter.keywords, hotSale: false, preferential:false }}\"\r\n                                 v-for=\"item in categories\"\r\n                                 :class=\"{active:item.id === filter.category}\"\r\n                                 :key=\"'cate'+item.id\">{{item.name}}\r\n                    </router-link>\r\n                </div>\r\n                <div class=\"more\"><a href=\"javascript:void(0)\" @click=\"toggleHeight('cates')\">更多></a></div>\r\n            </div>\r\n            <div class=\"brands\">\r\n                <div class=\"label\">品牌：</div>\r\n                <div class=\"items\" v-bind:style=\"{height: brandsHeight}\">\r\n                    <router-link @click.native=\"setFilter('brand',{id:0})\"\r\n                                 :to=\"{path:'/products',query:{cateId:filter.category, brandId:0, keywords: filter.keywords, hotSale: false, preferential:false }}\"\r\n                                 :class=\"{active:0 === filter.brand}\"\r\n                                 key=\"allBrand\">不限\r\n                    </router-link>\r\n                    <router-link @click.native=\"setFilter('brand',item)\"\r\n                                 :to=\"{path:'/products',query:{cateId:filter.category, brandId:item.id, keywords: filter.keywords, hotSale: false, preferential:false }}\"\r\n                                 v-for=\"item in brands\"\r\n                                 :class=\"{active:item.id === filter.brand}\"\r\n                                 :key=\"'brand'+item.id\">{{item.name}}\r\n                    </router-link>\r\n                </div>\r\n                <div class=\"more\"><a href=\"javascript:void(0)\" @click=\"toggleHeight('brands')\">更多></a></div>\r\n            </div>\r\n            <div class=\"brands\">\r\n                <div class=\"label\">特性：</div>\r\n                <div class=\"items\">\r\n                    <router-link @click.native=\"setFilter('all',false)\"\r\n                                 :to=\"{path:'/products',query:{cateId:filter.category, brandId:filter.brand, keywords: filter.keywords, hotSale: false, preferential:false }}\"\r\n                                 :class=\"{active:!filter.hotSale && !filter.preferential}\"\r\n                                 key=\"alltag\">不限\r\n                    </router-link>\r\n                    <!--<router-link @click.native=\"setFilter('hotSale',true)\"\r\n                                 :to=\"{path:'/products',query:{cateId:filter.category, brandId:filter.brand, keywords: filter.keywords, hotSale: true, preferential:filter.hotSale }}\"\r\n                                 :class=\"{active: filter.hotSale == true}\"\r\n                                 key=\"hot\">热销\r\n                    </router-link>-->\r\n                    <router-link @click.native=\"setFilter('preferential',true)\"\r\n                                 :to=\"{path:'/products',query:{cateId:filter.category, brandId:filter.brand, keywords: filter.keywords, hotSale: filter.hotSale, preferential:true }}\"\r\n                                 :class=\"{active: filter.preferential == true}\"\r\n                                 key=\"pref\">特惠\r\n                    </router-link>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"products clearfix\">\r\n            <div class=\"item\" v-for=\"item in products.items\">\r\n                <router-link :to=\"{path:'/transaction/'+item.id}\">\r\n                    <img :src=\"item.imageUrl\" alt=\"\"/>\r\n                    <div class=\"title\">{{item.name}}</div>\r\n                    <div class=\"price\">{{ getPriceType(item.priceType).symbol }}{{item.price}} <span class=\"price-del\" v-if=\"item.originalPrice > item.price\">{{ getPriceType(item.priceType).symbol }}{{item.originalPrice}}</span></div>\r\n                </router-link>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"pager\" v-if=\"products.totalCount>filter.pageSize\">\r\n            <el-pagination\r\n                background\r\n                @current-change=\"changePage\"\r\n                layout=\"prev, pager, next\"\r\n                :page-size=\"filter.pageSize\"\r\n                :total=\"products.totalCount\">\r\n            </el-pagination>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    // todo 刷新页面 根据参数定位选择项\r\n    export default {\r\n        name: 'products',\r\n        data () {\r\n            return {\r\n                catesHeight: '32px',\r\n                brandsHeight: '32px',\r\n                loading: false,\r\n                categoriesAndBrands: [],\r\n                products: {\r\n                    items: [],\r\n                    totalCount: 0\r\n                },\r\n                filter: {\r\n                    category: 0,\r\n                    brand: 0,\r\n                    keywords: \"\",\r\n                    preferential: false, // 特惠\r\n                    hotSale: false, //热卖\r\n                    page: 1,\r\n                    pageSize: 40,\r\n                    priceType: null\r\n                }\r\n            }\r\n        },\r\n        computed: {\r\n            categories () {\r\n                let cates = this.categoriesAndBrands.map((value, key, arr) => {\r\n                    return value.category\r\n                })\r\n                /* cates.sort((a, b) => {\r\n                    return a.name.localeCompare(b.name);\r\n                }) */\r\n                return cates\r\n            },\r\n            brands () {\r\n                if (this.filter.category > 0) {\r\n                    //选了分类就关联下面的品牌\r\n                    let item = this.categoriesAndBrands.filter(x => {\r\n                        return x.category.id === this.filter.category\r\n                    })\r\n                    //console.log(\"item\",item)\r\n                    if (item && item.length > 0) {\r\n                        item[0].brands.sort((a, b) => {\r\n                            return this._sort(a, b);\r\n                        })\r\n                        return item[0].brands\r\n                    }\r\n                    return []\r\n                } else {\r\n                    let items = []\r\n                    this.categoriesAndBrands.forEach(function (e) {\r\n                        e.brands.forEach(function (b) {\r\n                            if (items === 0 || items.filter(item => {\r\n                                return item.id === b.id && item.name === b.name\r\n                            }).length === 0) {\r\n                                items.push(b)\r\n                            }\r\n                        })\r\n                    })\r\n                    items.sort((a, b) => {\r\n                        return this._sort(a, b);\r\n                    })\r\n                    return items\r\n                }\r\n            }\r\n        },\r\n        watch: {\r\n            filter: {\r\n                deep: true,\r\n                handler: function (newVal, oldVal) {\r\n                    this.getProducts()\r\n                }\r\n            },\r\n            '$route'(){\r\n                this.setFilters(this.$route.query);\r\n            },\r\n        },\r\n        mounted () {\r\n            this.getCategories()\r\n            this.setFilters(this.$route.query);\r\n        },\r\n        methods: {\r\n            setFilters(q){\r\n                //console.log(q);\r\n                if(q){\r\n                    this.filter.brand = !q.brandId || isNaN(q.brandId) ? 0 : parseInt(q.brandId);\r\n                    this.filter.category = !q.cateId || isNaN(q.cateId) ? 0 : parseInt(q.cateId);\r\n                    this.filter.preferential = q.preferential === true || q.preferential == \"true\" ? true : false;\r\n                    this.filter.hotSale = q.hotSale === true || q.hotSale == \"true\" ? true : false;\r\n                    this.filter.keywords = q.keywords || \"\";\r\n                }\r\n                this.getProducts()\r\n            },\r\n            changePage (v) {\r\n                this.filter.page = v;\r\n                let to = {\r\n                    path: '/products',\r\n                    query: {\r\n                        cateId: this.filter.category,\r\n                        brandId: this.filter.brand,\r\n                        keywords: this.filter.keywords,\r\n                        hotSale: this.filter.hotSale,\r\n                        preferential: this.filter.preferential,\r\n                        page:v\r\n                    }\r\n                }\r\n                this.$router.push(to);\r\n            },\r\n            getProducts () {\r\n                this.showLoading();\r\n                this.$axios.post(window.consts.apis.products, {\r\n                    'category': this.filter.category || 0,\r\n                    'brand': this.filter.brand || 0,\r\n                    'keywords': this.filter.keywords || '',\r\n                    'hotSale': this.filter.hotSale || false,\r\n                    'preferential': this.filter.preferential || false,\r\n                    'page': this.filter.page,\r\n                    'size': this.filter.pageSize,\r\n                    'priceType': this.filter.priceType\r\n                }).then(res => {\r\n                    this.closeLoading();\r\n                    if (res.success) {\r\n                        this.products = res.result\r\n                    }\r\n                }).catch(res => {\r\n                    this.closeLoading()\r\n                })\r\n            },\r\n            getCategories () {\r\n                this.$axios.get(window.consts.apis.categoriesAndBrands).then(res => {\r\n                    if (res.success) {\r\n                        //console.log(res.result);\r\n                        this.categoriesAndBrands = res.result\r\n                    }\r\n                })\r\n            },\r\n            setFilter (type, item) {\r\n                this.filter.page = 1\r\n                return false;\r\n                if (type === 'cate') {\r\n                    this.filter.category = item.id\r\n                    this.filter.brand = 0\r\n                } else if (type === 'brand') {\r\n                    this.filter.brand = item.id\r\n                } else if (type === 'all') {\r\n                    this.filter.hotSale = item\r\n                    this.filter.preferential = item\r\n                } else if (type === 'hotSale') {\r\n                    this.filter.hotSale = item\r\n                } else {\r\n                    this.filter.preferential = item\r\n                }\r\n            },\r\n            toggleHeight (t) {\r\n                if (t === 'cates') {\r\n                    this.catesHeight = this.catesHeight === '32px' ? 'auto' : '32px'\r\n                } else {\r\n                    this.brandsHeight = this.brandsHeight === '32px' ? 'auto' : '32px'\r\n                }\r\n            },\r\n            showLoading() {\r\n                this.loading = this.$loading({\r\n                    lock: true,\r\n                    background: 'rgba(0, 0, 0, 0.3)'\r\n                })\r\n            },\r\n            closeLoading() {\r\n                this.loading.close()\r\n            },\r\n            _sort(a, b) {\r\n                let sort = 0;\r\n                if (a.sort < b.sort) {\r\n                    sort = 1;\r\n                } else if (a.sort > b.sort) {\r\n                    sort = -1;\r\n                } else {\r\n                    if (a.id < b.id) {\r\n                        sort = -1;\r\n                    } else if (a.id > b.id) {\r\n                        sort = 1;\r\n                    }\r\n                }\r\n                return sort;\r\n            }\r\n        }\r\n    }\r\n</script>\r\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!./products.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!./products.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./products.vue?vue&type=template&id=3852e632&scoped=true&\"\nimport script from \"./products.vue?vue&type=script&lang=js&\"\nexport * from \"./products.vue?vue&type=script&lang=js&\"\nimport style0 from \"./products.vue?vue&type=style&index=0&id=3852e632&lang=scss&scoped=true&\"\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  \"3852e632\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./products.vue?vue&type=style&index=0&id=3852e632&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./products.vue?vue&type=style&index=0&id=3852e632&lang=scss&scoped=true&\""],"sourceRoot":""}