{"version":3,"sources":["webpack:///./src/views/frontend/home.vue?188b","webpack:///src/views/frontend/home.vue","webpack:///./src/views/frontend/home.vue?58ac","webpack:///./src/views/frontend/home.vue","webpack:///./src/assets/frontend/images/pingzhi@2x.jpg","webpack:///./src/views/frontend/home.vue?2000"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","height","autoplay","_l","item","key","id","style","imageUrl","_v","preferential","to","path","_s","name","title","src","alt","price","originalPrice","_e","index","category","b","class","active","query","cateId","brand","items","length","pd","_m","staticRenderFns","__webpack_require__","homevue_type_script_lang_js_","data","bannerAds","shops","hotSales","products","categoriesAndBrands","computed","categories","cates","map","value","arr","console","log","brands","_this","filter","x","forEach","e","push","mounted","getAds","getShops","getPreferential","getCategoriesAndBrands","getProducts","getHotSales","methods","_this2","$axios","get","window","consts","apis","allAds","then","r","success","result","_this3","shopList","_this4","post","categoryItems","_this5","res","_this6","_this7","hotSale","frontend_homevue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","module","exports","p","_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_home_vue_vue_type_style_index_0_id_ed8791ae_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_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_home_vue_vue_type_style_index_0_id_ed8791ae_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/chunk-68ec1ce0.015cfdde.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"banner-item-box\"},[_c('div',{staticClass:\"banner-items\"},[_c('el-carousel',{attrs:{\"height\":\"520px\",\"autoplay\":false}},_vm._l((_vm.bannerAds),function(item){return _c('el-carousel-item',{key:item.id},[_c('div',{style:('background:url(' + item.imageUrl + ') center center no-repeat; background-size: cover;  height: 100%; width:100%;')})])}),1)],1)]),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"discount\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"l\"},[_c('h3',[_vm._v(\"限时特惠\")]),_c('div',_vm._l((_vm.preferential.categories),function(item){return _c('router-link',{key:item.id,attrs:{\"to\":{path:'/products?cateId='+item.id}}},[_vm._v(_vm._s(item.name)+\"▶\")])}),1)]),_c('div',{staticClass:\"more\"},[_c('router-link',{attrs:{\"to\":\"/products?cateId=0&brandId=0&keywords=&hotSale=false&preferential=true\"}},[_vm._v(\"查看更多\")])],1)]),_c('div',{staticClass:\"goods\"},[_c('ul',{staticClass:\"clearfix\"},_vm._l((_vm.preferential.items),function(item){return _c('li',{key:item.id},[_c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":{path:'/transaction/'+item.id},\"title\":item.name}},[_c('img',{attrs:{\"src\":item.imageUrl,\"alt\":item.name}}),_c('div',{staticClass:\"txt\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"price\"},[_vm._v(\"\\n                                        $\"+_vm._s(item.price)+\"\\n                                        \"),(item.originalPrice > item.price)?_c('span',{staticClass:\"del\"},[_vm._v(\"原价：$\"+_vm._s(item.originalPrice))]):_vm._e()])])])],1)])}),0)])]),_vm._l((_vm.products),function(item,index){return _c('div',{key:index,staticClass:\"hot-sale\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"t\"},[_c('h2',[_vm._v(_vm._s(item.category.name))]),_c('div',{staticClass:\"icon-xian\"})]),_c('div',{staticClass:\"tabs\"},[_c('div',{staticClass:\"cates\"},_vm._l((item.brands),function(b){return _c('router-link',{key:b.id,class:{active:false},attrs:{\"to\":{path:'/products',query:{cateId:item.category.id, brand:b.id}}}},[_vm._v(_vm._s(b.name))])}),1),_c('router-link',{staticClass:\"more\",attrs:{\"to\":{path:'/products',query:{cateId:item.category.id}}}},[_vm._v(\"更多>\")])],1)]),(item.items && item.items.length>0)?_c('div',{staticClass:\"goods\"},[_c('ul',{staticClass:\"clearfix\"},_vm._l((item.items),function(pd){return _c('li',{key:pd.id},[_c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":{path:'/transaction/'+pd.id}}},[_c('img',{attrs:{\"src\":pd.imageUrl,\"alt\":\"\"}}),_c('div',{staticClass:\"txt\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(pd.name))]),_c('div',{staticClass:\"price\"},[_vm._v(\"\\n                                        $\"+_vm._s(pd.price)+\"\\n                                        \"),(pd.originalPrice > pd.price)?_c('span',{staticClass:\"del\"},[_vm._v(\"原价：$\"+_vm._s(pd.originalPrice))]):_vm._e()])])])],1)])}),0)]):_vm._e()])}),_vm._m(0)],2)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"watchword\"},[_c('img',{attrs:{\"src\":require(\"../../assets/frontend/images/pingzhi@2x.jpg\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<style lang=\"scss\" scoped>\r\n    ::v-deep .el-carousel__indicator {\r\n        padding-bottom: 30px;\r\n\r\n        .el-carousel__button {\r\n            height: 8px;\r\n            background: #999;\r\n            opacity: .5;\r\n            border-radius: 50px;\r\n        }\r\n    }\r\n\r\n    ::v-deep .el-carousel__indicator.is-active button {\r\n        background: #A5D48B;\r\n    }\r\n    .el-carousel__item { text-align: center;}\r\n\r\n    .hot-shop {\r\n        padding-top: 70px;\r\n\r\n        h2 {\r\n            font-size: 24px;\r\n            text-align: center;\r\n            font-weight: 600;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        &-more {\r\n            width: 180px;\r\n            text-align: center;\r\n            float: right;\r\n            a {\r\n                display: inline-block;\r\n                padding: 5px 15px;\r\n                background: #90ca6f;\r\n                color: #fff;\r\n                border-radius: 5px;\r\n            }\r\n        }\r\n        .shops {\r\n            padding-top: 30px;\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: space-between;\r\n\r\n            .item {\r\n                width: 345px;\r\n                text-align: center;\r\n                &:hover {\r\n                    /*box-shadow: 0 0 15px rgba(194, 209, 197, .8);*/\r\n                    img {\r\n                        transform: scale(1.1);\r\n                    }\r\n                }\r\n\r\n                img {\r\n                    width: 345px;\r\n                    height: 345px;\r\n                    display: block;\r\n                    border: 0;\r\n                    transition: all 0.6s;\r\n                }\r\n                div.img{\r\n                    width: 345px;\r\n                    height: 345px;\r\n                    overflow: hidden;\r\n                }\r\n                div.txt {\r\n                    -moz-box-shadow: 0 3px 8px rgba(194, 209, 197, .4);\r\n                    -webkit-box-shadow: 0 3px 8px rgba(194, 209, 197, .4);\r\n                    box-shadow: 0 3px 8px rgba(194, 209, 197, .4);\r\n                    padding: 20px;\r\n                }\r\n\r\n                h3 {\r\n                    font-size: 18px;\r\n                    font-weight: 500;\r\n                    margin: 0;\r\n                }\r\n\r\n                p {\r\n                    height: 20px;\r\n                    margin: 10px 0 0;\r\n                    padding: 0;\r\n                    line-height: 20px;\r\n                    overflow: hidden;\r\n                    text-align: center;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .discount {\r\n        margin-top: 80px;\r\n\r\n        .header {\r\n            -moz-box-shadow: 0 0px 8px rgba(194, 209, 197, .4);\r\n            -webkit-box-shadow: 0 0px 8px rgba(194, 209, 197, .4);\r\n            box-shadow: 0 0px 8px rgba(194, 209, 197, .4);\r\n\r\n            padding: 35px 0;\r\n            display: flex;\r\n            flex-direction: row;\r\n\r\n            .l {\r\n                flex: 1;\r\n                padding-left: 165px;\r\n                text-align: center;\r\n\r\n                h3 {\r\n                    margin: 0;\r\n                    font-size: 24px;\r\n                    font-weight: 600;\r\n                }\r\n\r\n                div {\r\n                    line-height: 1.6;\r\n                    overflow: hidden;\r\n                    font-size: 14px;\r\n                    padding-top: 20px;\r\n\r\n                    a {\r\n                        color: #888;\r\n                        display:inline-block;\r\n                        margin: 0 15px;\r\n                    }\r\n\r\n                    a:hover {\r\n                        color: #90ca6f;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .more {\r\n                width: 180px;\r\n                padding-top: 20px;\r\n                text-align: center;\r\n\r\n                a {\r\n                    display: inline-block;\r\n                    padding: 5px 15px;\r\n                    background: #90ca6f;\r\n                    color: white;\r\n                    border-radius: 5px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .goods {\r\n        width: 1200px;\r\n        overflow-x: hidden;\r\n        background-color: #f8f8f8;\r\n\r\n        ul {\r\n            width: 1240px;\r\n            margin-left: -20px;\r\n\r\n            li {\r\n                float: left;\r\n                width: 290px;\r\n                padding: 10px;\r\n\r\n                .item {\r\n                    background: white;\r\n                    padding-top: 20px;\r\n                    text-align: center;\r\n\r\n                    img {\r\n                        display: block;\r\n                        margin: auto;\r\n                        width: 220px;\r\n                        height: 220px;\r\n                        border: 0;\r\n                        transition: all 0.6s;\r\n\r\n                    }\r\n\r\n                    &:hover {\r\n                        /*box-shadow: 0 0 15px rgba(194, 209, 197, .8);*/\r\n                        img {\r\n                            transform: scale(1.1);\r\n                        }\r\n                    }\r\n\r\n                    .txt {\r\n                        width: 260px;\r\n                        margin: 30px auto 0;\r\n                        border-top: 1px solid #ddd;\r\n                        display: flex;\r\n                        flex-direction: row;\r\n                        font-size: 14px;\r\n                        line-height: 60px;\r\n\r\n                        .title {\r\n                            flex: 2;\r\n                            height: 66px;\r\n                            line-height: 1.2;\r\n                            margin: 10px 0 10px 6px;\r\n                            overflow-y: hidden;\r\n                            text-align: left;\r\n                        }\r\n\r\n                        .price {\r\n                            flex: 1;\r\n                            color: #F20347;\r\n                            font-weight: 500;\r\n                            height: 44px;\r\n                            line-height: 22px;\r\n                            padding: 10px 0;\r\n                            .del {\r\n                                text-decoration:line-through;\r\n                                display: block;\r\n                                color: #999;\r\n                                font-size: 12px;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .hot-sale {\r\n        margin-top: 50px;\r\n\r\n        .header {\r\n            padding-top: 30px;\r\n\r\n            .t {\r\n                text-align: center;\r\n\r\n                h2 {\r\n                    margin: 0;\r\n                    font-size: 24px;\r\n                    font-weight: 600;\r\n                }\r\n            }\r\n\r\n            .tabs {\r\n                display: flex;\r\n                flex-direction: row;\r\n                border-bottom: 2px solid #7CB85A;\r\n\r\n                .more {\r\n                    display: block;\r\n                    color: #7CB85A;\r\n                    padding-top: 10px;\r\n                }\r\n\r\n                .cates {\r\n                    padding-left: 50px;\r\n                    flex: 1;\r\n                    text-align: center;\r\n\r\n                    a {\r\n                        display: inline-block;\r\n                        padding: 10px 15px 15px;\r\n\r\n                        &.active {\r\n                            color: #7CB85A;\r\n                            background: url(\"../../assets/frontend/images/icon_sjt.png\") bottom center no-repeat;\r\n                        }\r\n                    }\r\n\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .banner-item-box {\r\n        width: 100%;\r\n        height: 556px;\r\n        padding-top: 30px;\r\n        background: url(\"../../assets/frontend/images/banner-bg.png\") center center no-repeat;\r\n        background-size: 100% 100%;\r\n        .banner-items {\r\n            width: 1200px;\r\n            height: 520px;\r\n            margin: 0 auto;\r\n            border: 3px solid #ffffff;\r\n        }\r\n    }\r\n</style>\r\n<template>\r\n    <div>\r\n        <!--<div>\r\n            <el-carousel height=\"680px\" :autoplay=\"false\">\r\n                <el-carousel-item v-for=\"item in bannerAds\" :key=\"item.id\">\r\n                    <div :style=\"'background:url(' + item.imageUrl + ') center center no-repeat; background-size: cover;  height: 100%; width:100%;'\"></div>\r\n                </el-carousel-item>\r\n            </el-carousel>\r\n        </div>-->\r\n\r\n        <div class=\"banner-item-box\">\r\n            <div class=\"banner-items\">\r\n                <el-carousel height=\"520px\" :autoplay=\"false\">\r\n                    <el-carousel-item v-for=\"item in bannerAds\" :key=\"item.id\">\r\n                        <div :style=\"'background:url(' + item.imageUrl + ') center center no-repeat; background-size: cover;  height: 100%; width:100%;'\"></div>\r\n                    </el-carousel-item>\r\n                </el-carousel>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"container\">\r\n            <!--<div class=\"hot-shop\">\r\n                <h2>热门店铺</h2>\r\n                <div class=\"more hot-shop-more\">\r\n                    <router-link to=\"/shopList\">查看更多</router-link>\r\n                </div>\r\n                <div class=\"icon-xian\"></div>\r\n                <div class=\"shops\">\r\n                    <div class=\"item\" :key=\"item.id\" v-for=\"item in shops\">\r\n                        <router-link :to=\"{path:'/shop/'+item.id}\">\r\n                            <div class=\"img\">\r\n                                <img :src=\"item.imageUrl\" :alt=\"item.name\"/>\r\n                            </div>\r\n                            <div class=\"txt\">\r\n                                <h3>{{item.name}}</h3>\r\n                                <p>{{item.address.detail}}</p>\r\n                            </div>\r\n                        </router-link>\r\n                    </div>\r\n                </div>\r\n            </div>-->\r\n\r\n            <div class=\"discount\">\r\n                <div class=\"header\">\r\n                    <div class=\"l\">\r\n                        <h3>限时特惠</h3>\r\n                        <div>\r\n                            <router-link :key=\"item.id\" :to=\"{path:'/products?cateId='+item.id}\" v-for=\"item in preferential.categories\">{{item.name}}▶</router-link>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"more\">\r\n                        <router-link to=\"/products?cateId=0&brandId=0&keywords=&hotSale=false&preferential=true\">查看更多</router-link>\r\n                    </div>\r\n                </div>\r\n                <div class=\"goods\">\r\n                    <ul class=\"clearfix\">\r\n                        <li :key=\"item.id\" v-for=\"item in preferential.items\">\r\n                            <div class=\"item\">\r\n                                <router-link :to=\"{path:'/transaction/'+item.id}\" :title=\"item.name\">\r\n                                    <img :src=\"item.imageUrl\" :alt=\"item.name\"/>\r\n                                    <div class=\"txt\">\r\n                                        <div class=\"title\">{{item.name}}</div>\r\n                                        <div class=\"price\">\r\n                                            ${{item.price}}\r\n                                            <span class=\"del\" v-if=\"item.originalPrice > item.price\">原价：${{item.originalPrice}}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </router-link>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <!--<div class=\"hot-sale\">\r\n                <div class=\"header\">\r\n                    <div class=\"t\">\r\n                        <h2>火爆热销</h2>\r\n                        <div class=\"icon-xian\"></div>\r\n                    </div>\r\n                    <div class=\"tabs\">\r\n                        <div class=\"cates\">\r\n                            <router-link :key=\"item.id\" :to=\"{path:'/products?cateId='+item.id}\" :class=\"{active:false}\" v-for=\"item in hotSales.categories\">{{item.name}}</router-link>\r\n                        </div>\r\n                        <router-link to=\"/products?cateId=0&brandId=0&keywords=&hotSale=true&preferential=false\" class=\"more\">更多></router-link>\r\n                    </div>\r\n                </div>\r\n                <div class=\"goods\" v-if=\"hotSales.items && hotSales.items.length>0\">\r\n                    <ul class=\"clearfix\">\r\n                        <li :key=\"item.id\" v-for=\"item in hotSales.items\">\r\n                            <div class=\"item\">\r\n                                <router-link :to=\"{path:'/transaction/'+item.id}\">\r\n                                    <img :src=\"item.imageUrl\" alt=\"\"/>\r\n                                    <div class=\"txt\">\r\n                                        <div class=\"title\">{{item.name}}</div>\r\n                                        <div class=\"price\">\r\n                                            ${{item.price}}\r\n                                            <span class=\"del\" v-if=\"item.originalPrice > item.price\">原价：${{item.originalPrice}}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </router-link>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>-->\r\n\r\n            <div class=\"hot-sale\" :key=\"index\" v-for=\"(item, index) in products\">\r\n                <div class=\"header\">\r\n                    <div class=\"t\">\r\n                        <h2>{{item.category.name}}</h2>\r\n                        <div class=\"icon-xian\"></div>\r\n                    </div>\r\n                    <div class=\"tabs\">\r\n                        <div class=\"cates\">\r\n                            <router-link :key=\"b.id\" :to=\"{path:'/products',query:{cateId:item.category.id, brand:b.id}}\" :class=\"{active:false}\" v-for=\"b in item.brands\">{{b.name}}</router-link>\r\n                        </div>\r\n                        <router-link :to=\"{path:'/products',query:{cateId:item.category.id}}\" class=\"more\">更多></router-link>\r\n                    </div>\r\n                </div>\r\n                <div class=\"goods\" v-if=\"item.items && item.items.length>0\">\r\n                    <ul class=\"clearfix\">\r\n                        <li :key=\"pd.id\" v-for=\"pd in item.items\">\r\n                            <div class=\"item\">\r\n                                <router-link :to=\"{path:'/transaction/'+pd.id}\">\r\n                                    <img :src=\"pd.imageUrl\" alt=\"\"/>\r\n                                    <div class=\"txt\">\r\n                                        <div class=\"title\">{{pd.name}}</div>\r\n                                        <div class=\"price\">\r\n                                            ${{pd.price}}\r\n                                            <span class=\"del\" v-if=\"pd.originalPrice > pd.price\">原价：${{pd.originalPrice}}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </router-link>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"watchword\">\r\n                <img src=\"../../assets/frontend/images/pingzhi@2x.jpg\" alt=\"\"/>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: 'home',\r\n        data(){\r\n            return{\r\n                bannerAds: [],\r\n                shops:[],\r\n                hotSales:[],\r\n                products:[],\r\n                preferential:[],\r\n                categoriesAndBrands:[]\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                console.log(cates)\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) {\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                    return items\r\n                }\r\n            }\r\n        },\r\n        mounted () {\r\n            this.getAds();\r\n            this.getShops();\r\n            this.getPreferential();\r\n            this.getCategoriesAndBrands();\r\n            this.getProducts();\r\n            this.getHotSales();\r\n        },\r\n        methods:{\r\n            getAds() {\r\n                this.$axios.get(window.consts.apis.allAds+\"?platform=1\").then(r=>{\r\n                    if(r.success){\r\n                        this.bannerAds = r.result;\r\n                    }\r\n                })\r\n            },\r\n            getShops(){\r\n                this.$axios.get(window.consts.apis.shopList+\"?ShowOnHome=true&Page=1&Size=3\").then(r=>{\r\n                    if(r.success){\r\n                        this.shops = r.result.items;\r\n                    }\r\n                })\r\n            },\r\n            //获取首页展示产品\r\n            getProducts(){\r\n                this.$axios.post(window.consts.apis.categoryItems + \"?take=8\").then(r=>{\r\n                    if(r.success){\r\n                        this.products = r.result;\r\n                    }\r\n                })\r\n            },\r\n            getCategoriesAndBrands () {\r\n                this.$axios.get(window.consts.apis.categoriesAndBrands).then(res => {\r\n                    if (res.success) {\r\n                        this.categoriesAndBrands = res.result\r\n                    }\r\n                })\r\n            },\r\n            //限时特惠\r\n            getPreferential() {\r\n                this.$axios.post(window.consts.apis.preferential + \"?take=8\").then(res => {\r\n                    if (res.success) {\r\n                        this.preferential = res.result\r\n                    }\r\n                })\r\n            },\r\n            //火爆热销\r\n            getHotSales() {\r\n                this.$axios.post(window.consts.apis.hotSale + \"?take=8\").then(res => {\r\n                    if (res.success) {\r\n                        this.hotSales = res.result\r\n                    }\r\n                })\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!./home.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!./home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./home.vue?vue&type=template&id=ed8791ae&scoped=true&\"\nimport script from \"./home.vue?vue&type=script&lang=js&\"\nexport * from \"./home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./home.vue?vue&type=style&index=0&id=ed8791ae&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  \"ed8791ae\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/pingzhi@2x.420d3f96.jpg\";","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!./home.vue?vue&type=style&index=0&id=ed8791ae&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!./home.vue?vue&type=style&index=0&id=ed8791ae&lang=scss&scoped=true&\""],"sourceRoot":""}