{"version":3,"sources":["webpack:///./src/assets/product/banner.jpg","webpack:///./src/assets/product sync ^\\.\\/banner.*\\.jpg$","webpack:///./src/views/product/productinfo.vue?dc99","webpack:///./src/views/product/productinfo.vue","webpack:///src/views/product/productinfo.vue","webpack:///./src/views/product/productinfo.vue?ea19","webpack:///./src/views/product/productinfo.vue?9a18","webpack:///./src/assets/product/banner_en.jpg","webpack:///./src/views/product/productinfo.vue?123f","webpack:///./src/assets/product/duibi.png","webpack:///./src/assets/product/banner_hk.jpg","webpack:///./src/assets/product/banner_pt.jpg","webpack:///./src/assets/product/banner_es.jpg"],"names":["module","exports","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","render","_vm","this","_c","_self","staticClass","staticStyle","attrs","require","$i18n","locale","on","$event","nav","duibiProduct","length","_v","_s","_e","class","tabPosition","tabclick","model","value","class_id","callback","$$v","expression","_l","classList","item","index","key","cat_id","cat_name","$t","checkboxchang","checkboxGroup4","xilielist","productlists","product_id","stopPropagation","duibi","style","includes","images","product_name","product_feature","total","productParams","page","handleSizeChange","handleCurrentChange","staticRenderFns","data","limit","title","seo","keyword","description","created","JSON","parse","sessionStorage","getItem","$route","query","undefined","getListClass","deactivated","removeItem","mounted","_isMobile","metaInfo","meta","name","content","methods","flag","navigator","userAgent","match","res","productsClass","arr","forEach","push","children","getProductsList","productsList","list","process","get_image_list","product_img","history","pushState","localStorage","setItem","stringify","window","open","row","filter","$message","warning","component"],"mappings":"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","file":"js/chunk-917f52c2.8366a793.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/banner.423f7d52.jpg\";","var map = {\n\t\"./banner.jpg\": \"3787\",\n\t\"./banner_en.jpg\": \"a619\",\n\t\"./banner_es.jpg\": \"de91\",\n\t\"./banner_hk.jpg\": \"ce7b\",\n\t\"./banner_pt.jpg\": \"d6e7\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"7c50\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./productinfo.vue?vue&type=style&index=0&id=a0fd0d8c&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"topimage\"},[_c('el-image',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":require('@/assets/product/banner'+(this.$i18n.locale == 'zh' ? '' : '_'+this.$i18n.locale)+'.jpg')}})],1),_c('div',{staticClass:\"appmain\"},[(this.$i18n.locale == 'zh')?_c('div',{staticStyle:{\"position\":\"absolute\",\"right\":\"80px\",\"top\":\"58%\",\"z-index\":\"99\"},on:{\"click\":function($event){return _vm.nav('contrast')}}},[_c('div',{staticStyle:{\"width\":\"50px\",\"position\":\"relative\",\"cursor\":\"pointer\"}},[_c('el-image',{staticStyle:{\"width\":\"100%\",\"max-height\":\"225px\"},attrs:{\"src\":require('@/assets/product/duibi.png')}}),(_vm.duibiProduct.length>0)?_c('div',{staticStyle:{\"position\":\"absolute\",\"right\":\"-2px\",\"top\":\"-2px\"}},[_c('div',{staticStyle:{\"width\":\"20px\",\"height\":\"20px\",\"background\":\"#E34D59\",\"border-radius\":\"50%\",\"color\":\"#ffffff\",\"text-align\":\"center\"}},[_vm._v(\" \"+_vm._s(_vm.duibiProduct.length)+\" \")])]):_vm._e()],1)]):_vm._e(),_c('el-row',{attrs:{\"gutter\":100}},[_c('el-col',{staticStyle:{\"background\":\"#ffffff\",\"margin-top\":\"2%\",\"padding\":\"0px !important\",\"padding-top\":\"20px\",\"padding-bottom\":\"20px\"},attrs:{\"span\":6,\"xs\":24}},[_c('el-tabs',{class:_vm.$i18n.locale == 'en' || _vm.$i18n.locale == 'pt' ? '' : 'tabclass',attrs:{\"tab-position\":_vm.tabPosition},on:{\"tab-click\":_vm.tabclick},model:{value:(_vm.class_id),callback:function ($$v) {_vm.class_id=$$v},expression:\"class_id\"}},_vm._l((_vm.classList),function(item,index){return _c('el-tab-pane',{key:index,attrs:{\"name\":item.cat_id+'',\"label\":item.cat_name}})}),1)],1),_c('el-col',{attrs:{\"span\":18,\"xs\":24}},[_c('div',{staticClass:\"content\"},[_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('div',{staticStyle:{\"line-height\":\"35px\",\"width\":\"50px\",\"margin-top\":\"5px\"}},[_vm._v(_vm._s(_vm.$t('productinfo.series')))]),_c('div',{staticClass:\"xilie\"},[_c('div',{staticStyle:{\"margin-left\":\"20px\"}},[_c('el-radio-group',{attrs:{\"size\":\"small\",\"fill\":\"#0052D9\"},on:{\"change\":_vm.checkboxchang},model:{value:(_vm.checkboxGroup4),callback:function ($$v) {_vm.checkboxGroup4=$$v},expression:\"checkboxGroup4\"}},_vm._l((_vm.xilielist),function(item,index){return _c('el-radio-button',{key:index,attrs:{\"label\":item.cat_id}},[_vm._v(_vm._s(item.cat_name))])}),1)],1)])]),_c('div',{staticClass:\"chanpinlist\"},[_c('el-row',{attrs:{\"gutter\":20}},_vm._l((_vm.productlists),function(item,index){return _c('el-col',{key:index,attrs:{\"span\":8,\"xs\":12}},[_c('div',{staticStyle:{\"background\":\"#ffffff\",\"margin-top\":\"20px\",\"cursor\":\"pointer\",\"position\":\"relative\"},on:{\"click\":function($event){return _vm.nav('product/'+item.product_id)}}},[_c('div',{staticStyle:{\"position\":\"absolute\",\"right\":\"10px\",\"top\":\"10px\",\"z-index\":\"99\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.duibi(item)}}},[_c('div',{staticStyle:{\"width\":\"60px\",\"height\":\"32px\",\"border-radius\":\"3px\",\"line-height\":\"32px\",\"font-size\":\"14px\",\"text-align\":\"center\",\"color\":\"#266FE8\"},style:({'border':!_vm.duibiProduct.includes(item.product_id) ? '1px solid #266FE8' : '1px solid rgba(0, 0, 0, 0.26)','color':!_vm.duibiProduct.includes(item.product_id) ? '#266FE8' : 'rgba(0, 0, 0, 0.26)'})},[(!_vm.duibiProduct.includes(item.product_id))?_c('div',[_c('span',[_vm._v(_vm._s(_vm.$t('productinfo.duibi')))])]):_vm._e(),(_vm.duibiProduct.includes(item.product_id))?_c('div',{staticStyle:{\"font-size\":\"12px\"}},[_c('span',[_vm._v(_vm._s(_vm.$t('productinfo.yiduibi')))])]):_vm._e()])]),_c('div',{staticClass:\"chanpinimage\"},[_c('el-image',{staticStyle:{\"width\":\"100%\",\"max-height\":\"225px\"},attrs:{\"src\":item.images}})],1),_c('div',{staticClass:\"chanpintitle\"},[_vm._v(\" \"+_vm._s(item.product_name)+\" \")]),_c('div',{staticClass:\"chanpinfubiao\"},[_vm._v(\" \"+_vm._s(item.product_feature)+\" \")])])])}),1),(_vm.total>12)?_c('el-pagination',{staticStyle:{\"margin-top\":\"3%\",\"text-align\":\"center\"},attrs:{\"current-page\":_vm.productParams.page,\"page-sizes\":[12, 18, 30, 48],\"page-size\":12,\"layout\":\"total, prev, pager, next\",\"pager-count\":5,\"total\":_vm.total},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}}):_vm._e()],1)])])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"topimage\">\r\n            <el-image style=\"width:100%\" :src=\"require('@/assets/product/banner'+(this.$i18n.locale == 'zh' ? '' : '_'+this.$i18n.locale)+'.jpg')\"></el-image>\r\n        </div>\r\n        <div class=\"appmain\">\r\n            <div style=\"position: absolute;right: 80px;top: 58%;z-index: 99;\" @click=\"nav('contrast')\" v-if=\"this.$i18n.locale == 'zh'\">\r\n                <div style=\"width: 50px;position: relative;cursor: pointer;\">\r\n                    <el-image style=\"width: 100%;max-height: 225px;\" :src=\"require('@/assets/product/duibi.png')\"></el-image>\r\n                    <div style=\"position: absolute;right: -2px;top: -2px;\" v-if=\"duibiProduct.length>0\">\r\n                        <div style=\"width: 20px;height: 20px;background: #E34D59; border-radius: 50%;color: #ffffff;text-align: center;\">\r\n                            {{duibiProduct.length}}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <el-row :gutter=\"100\">\r\n                <el-col :span=\"6\" :xs=\"24\" style=\"background:#ffffff;margin-top:2%;padding:0px !important;padding-top:20px;padding-bottom:20px;\">\r\n                    <el-tabs v-model='class_id' :tab-position=\"tabPosition\" :class=\" $i18n.locale == 'en' || $i18n.locale == 'pt' ? '' : 'tabclass'\" @tab-click='tabclick'>\r\n                        <el-tab-pane  v-for=\"(item,index) in classList\" :key=\"index\" :name=\"item.cat_id+''\" :label=\"item.cat_name\"></el-tab-pane>\r\n                    </el-tabs>\r\n                </el-col>\r\n                <el-col :span=\"18\" :xs=\"24\">\r\n                    <div class=\"content\">\r\n                        <div style=\"display:flex\">\r\n                            <div style=\"line-height:35px;width:50px;margin-top:5px\">{{$t('productinfo.series')}}</div> \r\n                            <div class=\"xilie\">\r\n                                <div style=\"margin-left:20px\">\r\n                                    <el-radio-group v-model=\"checkboxGroup4\" size=\"small\" fill=\"#0052D9\" @change=\"checkboxchang\">\r\n                                        <el-radio-button v-for=\"(item,index) in xilielist\" :label=\"item.cat_id\" :key=\"index\" >{{item.cat_name}}</el-radio-button>\r\n                                    </el-radio-group>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"chanpinlist\">\r\n                            <el-row :gutter=\"20\">\r\n                                <el-col :span=\"8\" :xs=\"12\" v-for=\"(item,index) in productlists\" :key=\"index\" >\r\n                                    <div style=\"background:#ffffff;margin-top:20px;cursor: pointer;position: relative;\" @click=\"nav('product/'+item.product_id)\">\r\n                                        <div style=\"position: absolute;right: 10px;top: 10px;z-index: 99;\" @click.stop=\"duibi(item)\">\r\n                                            <div style=\"width: 60px;height: 32px;border-radius: 3px;line-height: 32px;font-size: 14px;text-align: center;color: #266FE8;\" :style=\"{'border':!duibiProduct.includes(item.product_id) ? '1px solid #266FE8' : '1px solid rgba(0, 0, 0, 0.26)','color':!duibiProduct.includes(item.product_id) ? '#266FE8' : 'rgba(0, 0, 0, 0.26)'}\">\r\n                                                <div v-if=\"!duibiProduct.includes(item.product_id)\">\r\n                                                    <!-- <i class=\"el-icon-plus\" style=\"font-size: 8px;\"></i> -->\r\n                                                    <span>{{$t('productinfo.duibi')}}</span>\r\n                                                </div>\r\n                                                <div v-if=\"duibiProduct.includes(item.product_id)\" style=\"font-size: 12px\">\r\n                                                    <span>{{$t('productinfo.yiduibi')}}</span>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"chanpinimage\" >\r\n                                            <el-image  style=\"width: 100%;max-height: 225px;\" :src=\"item.images\"></el-image>\r\n                                        </div>\r\n                                        <div class=\"chanpintitle\">\r\n                                            {{item.product_name}}\r\n                                        </div>\r\n                                        <div class=\"chanpinfubiao\">\r\n                                             {{item.product_feature}}\r\n                                        </div>\r\n                                    </div>\r\n                                </el-col>\r\n                            </el-row>\r\n                            <el-pagination\r\n                                v-if=\"total>12\"\r\n                                style=\"margin-top:3%;text-align:center\"\r\n                                @size-change=\"handleSizeChange\"\r\n                                @current-change=\"handleCurrentChange\"\r\n                                :current-page=\"productParams.page\"\r\n                                :page-sizes=\"[12, 18, 30, 48]\"\r\n                                :page-size=\"12\"\r\n                                layout=\"total, prev, pager, next\"\r\n                                :pager-count=\"5\"\r\n                                :total=\"total\">\r\n                            </el-pagination>\r\n                        </div>\r\n                    </div>\r\n                </el-col>\r\n            </el-row>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { productsClass,productsList} from \"@/api/api\"; \r\nexport default {\r\n    data(){\r\n        return{\r\n            checkboxGroup4: 0,\r\n            tabPosition:'right',\r\n            classList:[],\r\n            xilielist:[],\r\n            productlists:[],\r\n            productParams:{\r\n                cat_id:'1',\r\n                page:1,\r\n                limit:12\r\n            },\r\n            total:0,\r\n            class_id:'',\r\n            title:'',\r\n            seo:{\r\n                keyword:'',\r\n                description:''\r\n            },\r\n            duibiProduct:[]\r\n        }\r\n    },\r\n    created(){\r\n        let duibiProduct = JSON.parse(sessionStorage.getItem(\"duibiProduct\"))\r\n        if(duibiProduct == null){\r\n            duibiProduct = []\r\n        }\r\n        this.duibiProduct = duibiProduct\r\n        this.title = this.$t('layout.productcenter')+'-'+this.$t('seo.indextitle')\r\n        let class_id = this.$route.query.class_id\r\n        if(class_id != undefined){\r\n            this.class_id = class_id+'' \r\n        }\r\n        let id = this.$route.query.id\r\n        if(id != undefined){\r\n            this.checkboxGroup4 = id\r\n            this.productParams.cat_id = id\r\n        }\r\n        let page = this.$route.query.page\r\n        if(page != undefined){\r\n            this.productParams.page = page-0\r\n        }\r\n        this.getListClass()\r\n    },\r\n    // 在销毁前，将body的style属性删除\r\n    deactivated() {\r\n        sessionStorage.removeItem(\"duibiProduct\")\r\n        this.duibiProduct = []\r\n    },\r\n    mounted() {\r\n        if (this._isMobile()) {\r\n            this.tabPosition = 'top'\r\n        } else {\r\n            this.tabPosition = 'right'\r\n        }\r\n    },\r\n    metaInfo () {\r\n        return {\r\n        title: this.title,\r\n        meta: [\r\n            {\r\n                name: 'keyWords',\r\n                content: this.seo.keyword\r\n            },\r\n            {\r\n                name: 'description',\r\n                content: this.seo.description\r\n            }\r\n        ]\r\n        }\r\n    },\r\n    methods:{\r\n         _isMobile() {\r\n            let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)\r\n            return flag;\r\n        },\r\n        async getListClass(){\r\n            const {data:res} = await productsClass()\r\n            this.classList = res\r\n            let arr = [{cat_id:this.class_id,cat_name:this.$t('all')}]\r\n            if(this.class_id != 0){\r\n                if(this.$route.query.id != 0 && this.$route.query.id != undefined){\r\n                    this.productParams.cat_id = this.$route.query.id\r\n                }else{\r\n                    this.productParams.cat_id = this.class_id\r\n                }\r\n                res.forEach((item,index)=>{\r\n                    if(item.cat_id == this.class_id){\r\n                        arr.push(...this.classList[index].children)\r\n                    }\r\n                })\r\n            }else{\r\n                this.productParams.cat_id = this.classList[0].cat_id\r\n                this.class_id = this.classList[0].cat_id+''\r\n                arr.push(...this.classList[0].children)\r\n            }\r\n            this.xilielist = arr\r\n            this.getProductsList()\r\n        },\r\n        async getProductsList(){\r\n            const {data:res} = await productsList(this.productParams)\r\n            res.list.forEach((item,index)=>{\r\n                item.images = process.env.VUE_APP_BASE_API+item.get_image_list[0].product_img\r\n            })\r\n            this.total = res.total\r\n            this.productlists = res.list\r\n            this.seo = res.seo\r\n            history.pushState(null, null, \"/productinfo?class_id=\"+this.class_id+'&page='+this.productParams.page+'&id='+this.checkboxGroup4)\r\n        },\r\n        checkboxchang(data){\r\n            this.checkboxGroup4 = data\r\n            this.productParams.page = 1\r\n            if(data == 0){\r\n                this.productParams.cat_id = this.class_id\r\n                this.getProductsList()\r\n            }else{\r\n                this.productParams.cat_id = data\r\n                this.getProductsList()\r\n            }\r\n        },\r\n        tabclick(data){\r\n            this.checkboxGroup4 = this.class_id\r\n            let arr = [{cat_id:this.class_id,cat_name:this.$t('all')}]\r\n            arr.push(...this.classList[data.index].children)\r\n            this.xilielist = arr\r\n            this.productParams.cat_id = this.classList[data.index].cat_id\r\n            this.productParams.page = 1\r\n            this.getProductsList()\r\n            sessionStorage.removeItem(\"duibiProduct\")\r\n            this.duibiProduct = []\r\n        },\r\n        nav(item){\r\n            if(item == 'contrast'){\r\n                if(this.duibiProduct.length > 0){\r\n                    localStorage.setItem('duibiProduct',JSON.stringify(this.duibiProduct))\r\n                }else{\r\n                    localStorage.setItem('duibiProduct',JSON.stringify([]))\r\n                }\r\n            }\r\n            window.open('/'+item);\r\n        },\r\n        handleSizeChange(value){\r\n            this.productParams.limit = value\r\n            this.getProductsList()\r\n        },\r\n        handleCurrentChange(value){\r\n            this.productParams.page = value\r\n            this.getProductsList()\r\n        },\r\n        duibi(row){\r\n            let duibiProduct = JSON.parse(sessionStorage.getItem(\"duibiProduct\"))\r\n            if(duibiProduct == null){\r\n                duibiProduct = []\r\n                duibiProduct.push(row.product_id)\r\n                sessionStorage.setItem(\"duibiProduct\",JSON.stringify(duibiProduct))\r\n            }else{\r\n                if(duibiProduct.includes(row.product_id)){\r\n                    duibiProduct = duibiProduct.filter((item) => {return item !== row.product_id});\r\n                }else{\r\n                    if(duibiProduct.length >= 4){\r\n                        this.$message.warning('最多选择4个产品进行对比')\r\n                        return\r\n                    }\r\n                    duibiProduct.push(row.product_id)\r\n                }\r\n                sessionStorage.setItem(\"duibiProduct\",JSON.stringify(duibiProduct))\r\n            }\r\n            this.duibiProduct = duibiProduct\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n    .tabclass{\r\n        height: 100%;\r\n        width:210px;\r\n    }\r\n    .tabclass >>> .el-tabs__active-bar{\r\n        padding-left:3px;\r\n        height: 0px !important;\r\n        margin-top:15px;\r\n        background: #0052D9;\r\n    }\r\n    .content{\r\n        margin-top: 20px;\r\n        .xilie{\r\n            width: 100%;\r\n            display: flex;\r\n        }\r\n        .chanpinlist{\r\n            .chanpinimage:hover {\r\n                transform: scale(1.2);\r\n            }  \r\n            .chanpinimage{\r\n                width: 225px;\r\n                margin: 0 auto;\r\n            }\r\n            .chanpintitle{\r\n                text-align: center;\r\n                font-family: OPPOSans-H;\r\n                height: 40px;\r\n            }\r\n            .chanpinfubiao{\r\n                text-align: center;\r\n                margin-top: 2%;\r\n                color: rgba(51, 51, 51, 0.6);\r\n                font-size: 12px;\r\n                font-family: SourceHanSansCN-Regular;\r\n                font-weight: 400;\r\n                padding-bottom: 20px;\r\n                overflow: hidden;\r\n                text-overflow: ellipsis;\r\n                white-space: nowrap;\r\n                padding-left: 30px;\r\n                padding-right: 30px;\r\n            }\r\n        }\r\n    }\r\n    @media screen and (max-width: 480px) {\r\n        .tabclass{\r\n            height: 100%;\r\n            width: 100%;\r\n        }\r\n        .content{\r\n            .chanpinlist{\r\n                .chanpinimage{\r\n                    width: 100px;\r\n                    margin: 0 auto;\r\n                }\r\n            }\r\n        }\r\n    }\r\n</style>\r\n<style scoped>\r\n    /deep/ .el-tabs__item.is-active{\r\n        color: #0052D9;\r\n    }\r\n    /deep/ .el-tabs__item:hover{\r\n        color: #0052D9;\r\n    }\r\n    /deep/ .el-tabs__active-bar{\r\n        padding-left:3px;\r\n        height: 0px !important;\r\n        margin-top:15px;\r\n        background: #0052D9;\r\n    }\r\n    /deep/ .el-tabs__nav-wrap::after {\r\n        position: static !important;\r\n        height: 0;\r\n    }\r\n    /deep/ .el-tabs__item{\r\n        font-weight: bold;\r\n        height: 50px;\r\n        line-height: 50px;\r\n    }\r\n    /deep/ .el-radio-button__inner{\r\n        border: none;\r\n    }\r\n    /deep/ .el-radio-button:first-child .el-radio-button__inner{\r\n        border: none;\r\n    }\r\n    /deep/ .el-radio-button, .el-radio-button__inner{\r\n        margin-right: 20px;\r\n        margin-top: 10px;\r\n    }\r\n    /deep/ .el-radio-button__inner{\r\n        font-size: 15px;\r\n    }\r\n    /deep/ .el-radio-button.is-checked .el-radio-button__inner{\r\n        background-color: #0052D9;\r\n    }\r\n    /deep/ .el-pager li.active{\r\n        color:#0052D9;\r\n    }\r\n    /deep/ .el-pager li.active{\r\n        color:#0052D9;\r\n    }\r\n    /deep/ .el-pager li:hover{\r\n        color:#0052D9;\r\n    }\r\n    /deep/ .el-radio-button__inner:hover{\r\n        color: #0052D9;\r\n    }\r\n    /deep/ .is-active>.el-radio-button__inner:hover{\r\n        color: #fff !important;\r\n    }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./productinfo.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./productinfo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./productinfo.vue?vue&type=template&id=a0fd0d8c&scoped=true\"\nimport script from \"./productinfo.vue?vue&type=script&lang=js\"\nexport * from \"./productinfo.vue?vue&type=script&lang=js\"\nimport style0 from \"./productinfo.vue?vue&type=style&index=0&id=a0fd0d8c&prod&lang=scss&scoped=true\"\nimport style1 from \"./productinfo.vue?vue&type=style&index=1&id=a0fd0d8c&prod&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  \"a0fd0d8c\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/banner_en.423f7d52.jpg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./productinfo.vue?vue&type=style&index=1&id=a0fd0d8c&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/duibi.6f79157e.png\";","module.exports = __webpack_public_path__ + \"img/banner_hk.af22aaeb.jpg\";","module.exports = __webpack_public_path__ + \"img/banner_pt.21383b4f.jpg\";","module.exports = __webpack_public_path__ + \"img/banner_es.2e8ed03c.jpg\";"],"sourceRoot":""}