| 1 |
- {"version":3,"sources":["webpack:///./src/components/header-top-select.vue","webpack:///src/components/header-top-select.vue","webpack:///./src/components/header-top-select.vue?1398","webpack:///./src/components/header-top-select.vue?e1f4","webpack:///./src/assets/icon-store.png","webpack:///./src/components/header-top-select.vue?3c6c","webpack:///./src/assets/icon-select.png","webpack:///./src/views/secondary-page2.vue?6488","webpack:///./src/views/secondary-page2.vue","webpack:///src/views/secondary-page2.vue","webpack:///./src/views/secondary-page2.vue?9f8d","webpack:///./src/views/secondary-page2.vue?f91a"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","stopPropagation","showAllCategory","_v","attrs","require","directives","name","rawName","value","expression","staticRenderFns","components","AllProductsNavList","data","mounted","document","methods","component","module","exports","$router","push","searchKey","domProps","type","indexOf","_k","keyCode","key","target","composing","_l","category_1","item","index","class","active","category_id","category_id_1","checkCategory","_s","category_name","category_2","length","category_id_2","_e","list","goods_id","sku_id","BASE_URL","goods_image","goods_name","price","market_price","sale_num","goods_stock","brand_name","HeaderTopSelect","NormalBox","params","page","sort","min","max","loading","noMore","category_3","categoryMap_1","categoryMap_2","categoryMap_3","category_id_3","findLevel","title","getCategory","pid","then","obj","id","level","getList","apiMap","idKey","finally"],"mappings":"kHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oBAAoBC,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOC,kBAAkBP,EAAIQ,iBAAmBR,EAAIQ,mBAAmB,CAACN,EAAG,OAAO,CAACE,YAAY,2BAA2B,CAACJ,EAAIS,GAAG,UAAUP,EAAG,MAAM,CAACE,YAAY,wBAAwBM,MAAM,CAAC,IAAMC,EAAQ,WAAgCT,EAAG,MAAM,CAACU,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOf,EAAIQ,gBAAiBQ,WAAW,qBAAqB,CAACd,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,0BAA0B,QAEnjBe,EAAkB,G,YCaP,GACfJ,yBACAK,YAAAC,2BACAC,KAHA,WAIA,OACAZ,qBAGAa,QARA,WAQA,WACAC,mDAAA,gCAEAC,YC1B2V,I,wBCQvVC,EAAY,eACd,EACAzB,EACAkB,GACA,EACA,KACA,WACA,MAIa,OAAAO,E,4BCnBfC,EAAOC,QAAU,kxC,6DCAjB,W,qBCAAD,EAAOC,QAAU,sqC,kCCAjB,W,8ECAI3B,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWM,MAAM,CAAC,IAAMC,EAAQ,SAAuBN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAON,EAAI2B,QAAQC,KAAK,SAAS1B,EAAG,qBAAqBA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,QAAQ,CAACU,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOf,EAAI6B,UAAWb,WAAW,cAAcZ,YAAY,eAAeM,MAAM,CAAC,YAAc,QAAQoB,SAAS,CAAC,MAAS9B,EAAI6B,WAAYxB,GAAG,CAAC,QAAU,SAASC,GAAQ,OAAIA,EAAOyB,KAAKC,QAAQ,QAAQhC,EAAIiC,GAAG3B,EAAO4B,QAAQ,QAAQ,GAAG5B,EAAO6B,IAAI,SAAgB,KAAYnC,EAAI2B,QAAQC,KAAZ,sBAAgC5B,EAAI6B,aAAc,MAAQ,SAASvB,GAAWA,EAAO8B,OAAOC,YAAiBrC,EAAI6B,UAAUvB,EAAO8B,OAAOrB,WAAUb,EAAG,SAAS,CAACE,YAAY,aAAaM,MAAM,CAAC,KAAO,UAAUL,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAON,EAAI2B,QAAQC,KAAZ,sBAAgC5B,EAAI6B,eAAgB,CAAC3B,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAMC,EAAQ,gBAAwC,GAAGT,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,KAAK,CAACE,YAAY,mBAAmBJ,EAAIsC,GAAItC,EAAIuC,YAAY,SAASC,EAAKC,GAAO,OAAOvC,EAAG,KAAK,CAACiC,IAAIM,EAAMC,MAAM,CAACC,OAAQH,EAAKI,cAAgB5C,EAAI6C,eAAexC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAON,EAAI8C,cAAcN,EAAKI,YAAa,MAAM,CAAC5C,EAAIS,GAAG,mBAAmBT,EAAI+C,GAAGP,EAAKQ,eAAe,uBAAsB,SAAS9C,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAAEJ,EAAIiD,WAAWC,OAAS,EAAGhD,EAAG,KAAK,CAACE,YAAY,kBAAkBJ,EAAIsC,GAAItC,EAAIiD,YAAY,SAAST,EAAKC,GAAO,OAAOvC,EAAG,KAAK,CAACiC,IAAIM,EAAMC,MAAM,CAACC,OAAQH,EAAKI,cAAgB5C,EAAImD,eAAe9C,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAON,EAAI8C,cAAcN,EAAKI,YAAa,MAAM,CAAC5C,EAAIS,GAAG,eAAeT,EAAI+C,GAAGP,EAAKQ,eAAe,mBAAkB,GAAGhD,EAAIoD,KAAKlD,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,KAAK,CAACE,YAAY,6BAA6BJ,EAAIsC,GAAItC,EAAIqD,MAAM,SAASb,EAAKC,GAAO,OAAOvC,EAAG,KAAK,CAACiC,IAAIM,EAAMpC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAON,EAAI2B,QAAQC,KAAZ,oCAA8CY,EAAKc,SAAnD,mBAAsEd,EAAKe,YAAa,CAACrD,EAAG,MAAM,CAACE,YAAY,sBAAsBM,MAAM,CAAC,IAAMV,EAAIwD,SAAWhB,EAAKiB,eAAevD,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsBM,MAAM,CAAC,IAAMC,EAAQ,WAA0BT,EAAG,OAAO,CAACF,EAAIS,GAAGT,EAAI+C,GAAGP,EAAKkB,iBAAiBxD,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,OAAO,CAACE,YAAY,UAAU,CAACJ,EAAIS,GAAG,IAAIT,EAAI+C,GAAGP,EAAKmB,UAAUzD,EAAG,OAAO,CAACE,YAAY,UAAU,CAACJ,EAAIS,GAAG,IAAIT,EAAI+C,GAAGP,EAAKoB,mBAAmB1D,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,OAAO,CAACE,YAAY,UAAU,CAACJ,EAAIS,GAAG,KAAKT,EAAI+C,GAAGP,EAAKqB,UAAU,OAAO3D,EAAG,OAAO,CAACE,YAAY,UAAU,CAACJ,EAAIS,GAAG,KAAKT,EAAI+C,GAAGP,EAAKsB,aAAa,SAAS5D,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaM,MAAM,CAAC,IAAMC,EAAQ,WAA+BX,EAAIS,GAAG,wBAAwBT,EAAI+C,GAAGP,EAAKuB,YAAY,6BAA4B,GAAG7D,EAAG,aAAa,CAACQ,MAAM,CAAC,KAA2B,IAApBV,EAAIqD,KAAKH,WAAiB,QAEjnGjC,EAAkB,G,wuBCqHtB,OACAC,YACA8C,uBACA7C,0BACA8C,kBAEA7C,KANA,WAOA,OACAoC,gBAEAhD,mBAEA0D,QAEAC,OAEAC,OAEAC,OAEAC,QAEAjB,QACAkB,WACAC,UAEAjC,cACAU,cACAwB,cACAC,iBACAC,iBACAC,iBACA/B,gBACAM,gBACA0B,gBAEAC,YAEAC,SAEAlD,eAGAR,QA3CA,WA4CA,wBACA,gDACA,gDACA,oBAEAE,SACAyD,YADA,WACA,sEACA,wBACA,2BACA,2BACA,GACAnC,gBACAM,iCACA0B,kCAEA,6BACAI,WACAC,MAAA,YAEA,IADA9D,EACA,EADAA,KAEA,cACA,iDACA+D,GADA,qBAEA3C,oBACA,KAEA,aACA,gEACA,+BAEA,IACA,kBAEA,gBACA,eAGA,gBACA,iBAKAM,cAtCA,SAsCAsC,EAAAC,GACA,+BACA,oBACA,wDACA,oDACA,0CAEA,IACA,oBAEA,gBAGAC,QAnDA,WAmDA,WACA,kBAGA,wDACA,oDACA,0CAEA,gBACA,OACA,oBACA,qBACA,qBAGA,wCACAC,oCACAC,EAAA,UACAN,MAAA,YAEA,IADA9D,EACA,EADAA,KAEA,iBACAqE,SAAA,WACA,aACA,mBCnPyV,I,wBCQrVjE,EAAY,eACd,EACAzB,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAO,E","file":"js/chunk-97c2cbac.9b661470.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-top-select\",on:{\"click\":function($event){$event.stopPropagation();_vm.showAllCategory = !_vm.showAllCategory}}},[_c('span',{staticClass:\"header-top-select-label\"},[_vm._v(\"全部分类\")]),_c('img',{staticClass:\"header-top-select-img\",attrs:{\"src\":require(\"../assets/icon-select.png\")}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showAllCategory),expression:\"showAllCategory\"}]},[_c('div',{staticClass:\"all-categories-window\"},[_c('all-products-nav-list')],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <div class=\"header-top-select\" @click.stop=\"showAllCategory = !showAllCategory\">\n <span class=\"header-top-select-label\">全部分类</span>\n <img src=\"../assets/icon-select.png\" class=\"header-top-select-img\">\n <div v-show=\"showAllCategory\">\n <div class=\"all-categories-window\">\n <all-products-nav-list/>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport AllProductsNavList from \"@/components/all-products-nav-list\";\n\nexport default {\n name: 'header-top-select',\n components: { AllProductsNavList },\n data() {\n return {\n showAllCategory: false,\n };\n },\n mounted() {\n document.body.addEventListener('click', () => this.showAllCategory = false);\n },\n methods: {\n },\n}\n</script>\n\n<style scoped>\n\n.header-top-select {\n width: 102px;\n height: 22px;\n line-height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #FFFFFF;\n border: 1px solid #979797;\n position: relative;\n box-sizing: border-box;\n}\n\n.header-top-select-label {\n color: #333333;\n font-size: 14px;\n}\n\n.header-top-select-img {\n width: 15px;\n margin-left: 4px;\n}\n\n.header-top-select2 {\n min-width: 104px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 20px;\n}\n\n.header-top-select-label2 {\n color: #333333;\n font-size: 20px;\n font-weight: bold;\n}\n\n.header-top-select-img2 {\n width: 24px;\n}\n\n.all-categories-window {\n width: 180px;\n display: flex;\n justify-content: center;\n position: absolute;\n top: 20px;\n left: -1px;\n background-color: #FFFFFF;\n border: 1px solid #979797;\n box-sizing: border-box;\n padding: 15px 0 0 15px;\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!./header-top-select.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!./header-top-select.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./header-top-select.vue?vue&type=template&id=2834332b&scoped=true&\"\nimport script from \"./header-top-select.vue?vue&type=script&lang=js&\"\nexport * from \"./header-top-select.vue?vue&type=script&lang=js&\"\nimport style0 from \"./header-top-select.vue?vue&type=style&index=0&id=2834332b&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 \"2834332b\",\n null\n \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA3RJREFUWEfV10+IlWUUBvDfmXF0NMvG7I+ZGS4qigoyArOFxdzJsVQsXBQKlhUFERKBRItGiIg2LkqKUjTNlYtCU3HubSFCBBWV0KIgiGwqSFBHU8cZ7xvf56fNnzuj0x2w3t39znue87zPec859w2XeMUlju+/SSC1uQzrJEskLXWpFE5LDgivRNm+wVg1FUglWyXL6wo8NFKPcW6PPX7qbxpCIC00S2++6YxG813nm7qIHNHsLxsljwrro+yFkQmUvClZg21RGRsVUrvb9Ppe6NZseux04hyJAQqklZr96iCmYW5UfFHX6fs5p1b7cb8GT0enjbUJlKyUbBK+jrJ7xip4hpNKlku24suouHc4Al9J5ghPRtnmMSWQqdulSzJVk7tjz9m7dT4FaYG5+nyOQ24wMzY7lUp2S9rrJLIrKh7JVWizTtVq4b0oe34ggVavoSOr/6h4qZBtl2ThmBF4yF3O+BY/RsUtgwlswxPCiij7qM6gNd3TMo0OO5Ub55kQa1X/SUHJu5LnNHgxOr1dCyG1uVU4Gnv9XtO+yDQ97jTFvtjuzOA9aamrHHNIOBxlUwcqULJCskX4TrP7+tdqkb8HJZ2SKhZFxd7+AQrw7A7dLGyIsmeGEGjzuqpXhZ1RtngggXYT9PoBs7Bfs8fjU13p7PclwibJpAI0k3GVFh/HdifT2dxmJXbH+aANPpB0RNlvqd0V+qyWrBWqGsyPvXlfGDgNU5s5qj7DlBwoHJTypjQx/52BViU8W9h70C25ugh8QIMNqt7A5OJblzBd0lD4rImyt2r2gVzqBW7SZx0eRlPh9LPQEZ0+LKojS1dWMbMLoOPYosXLuSLZXUnWY36/wFmP6YiKXf1TM+z/gbTMRN1mqDqRyVjz0i12rdMmulFXvK93SM6XmeyEazT6M3Y4Vgtj6DQseQeTouypsSzFVMpTeyTKHhtRgdTqdC79PE2xVt9YkCiG3EmcikpxnwrgoQqcIzDb+Fqy/htC/zMCJT2S8VpMiO15Oupeo1PgkhNo1Y3LhRnDld9oJUltZqr6BUej4sqRq6Bkh2SRyIdJVgUjvx3SBd8WmX9jgfNJVCy9EIHryfv+A+c74WiPPHh/9jagosmq2O2Pi+2EjY4bZ3Le+4dfLRewZ1OAajb7L6oT1nvY0fr/N9+Goz1FPfv/BkSnPTBYuwgDAAAAAElFTkSuQmCC\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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!./header-top-select.vue?vue&type=style&index=0&id=2834332b&prod&scoped=true&lang=css&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAyNJREFUaEPtWEmL1EAU/l6WgREHRBHcERERFT2kkkwuY7vMQUREBVHx5vITPAmiR3+Cy00UD6IgCIo67Vy6k1QdFERQEXFFD6IoI0w6eVLSLTLoJD3dPW1j1zWV977lvarkEXp8UY/jR59Atx3sO9B3oEUF/p8SYmbyPO9olmVHAKwHMLdF8aa+/g3AY8MwLkZRdIGIuEj8Qg44jrMYwCUAW4sEbcOe+wAOK6Xe58XKJaCVF0Lc1eCJ6A2AE8xcLhI8L/nvz7VIRFQCcJaZlwG4L6XcnudELgHXdY9lWXZOg7dte1OlUvnUDLBm9wZBMD9JkoeahGEYx+M4Pj9djFwCjuNUAfhEdEhKeaVZQDPZL4Q4yMyXAYRKqeFWCXytN+ySdpfN34DVe+4dgG9KqaFWCfw8DZRSuW7NRO1pSBTKmwvKcZxCgdoJXscqmrdPoN3KN+J13IFSqTR3YmJiSRRFT1sh4fv+xsHBwVflcvnzlHuhUOnOuISEEKcAnARwQEp5bSYk6sflJSI6I6U8PasEgiBYmiTJODMvB7BfKXWjGRKu6+5l5qsAXpimORKG4YdZJVA/KVYAeABgqWEY++I4vlmEhOM4OwFcJ6LXtm2PVCqVt1Pf63gPNBIODw+vTJJEk1hERHuklLemIyGEGGXmm0T00bKskWq1+vJP+2eNgE4uhFilnWDmhaZp7o6i6PafQLmuuznLMk3wy8DAgFb++T9zkQVBsHpycrJMRAsA7JJS6i/YX8vzvCBN0zsAJmzbLlWr1SfTOTWrDjSAeJ63Jk1TTWIeM+9USo3pZ77vO7Va7R4RpaZpbgnD8FFer3SFQL2x1xJRmZmHDMPYYRjG5zRNx5jZtCxrWxiGKg981z8lfN9fV6vVtPpzAHwHMGhZ1mgYhvrTvNDqmgMNdEKIDcz8k4R2Io7j8ULI65u6TkDj0JddlmVzwjB81gz4rpdQs2C7fg+0A3DXbuJOgO+X0O+qOo7T8z/1vT1W6fnBVs+PFusnQu8OdxsN3dPj9U6d9e2ImzuVaEeSTsboE+ikukVi9x0oolIn9/Qd6KS6RWL/AKoA8UCTs3wEAAAAAElFTkSuQmCC\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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!./secondary-page2.vue?vue&type=style&index=0&id=07581bb0&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"header-sub\"},[_c('div',{staticClass:\"header-sub-middle\"},[_c('div',{staticClass:\"header-top\"},[_c('img',{staticClass:\"logo-img\",attrs:{\"src\":require(\"../assets/logo.png\")},on:{\"click\":function($event){return _vm.$router.push('/')}}}),_c('header-top-select'),_c('div',{staticClass:\"search-bar\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchKey),expression:\"searchKey\"}],staticClass:\"search-input\",attrs:{\"placeholder\":\"滋养补品\"},domProps:{\"value\":(_vm.searchKey)},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.$router.push(`/search?key=${_vm.searchKey}`)},\"input\":function($event){if($event.target.composing)return;_vm.searchKey=$event.target.value}}}),_c('button',{staticClass:\"search-btn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.$router.push(`/search?key=${_vm.searchKey}`)}}},[_c('img',{attrs:{\"src\":require(\"../assets/search-icon-01.png\")}})])])],1),_c('div',{staticClass:\"header-bottom\"},[_c('ul',{staticClass:\"header-tab-list\"},_vm._l((_vm.category_1),function(item,index){return _c('li',{key:index,class:{active: item.category_id === _vm.category_id_1},on:{\"click\":function($event){return _vm.checkCategory(item.category_id, 1)}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(item.category_name)+\"\\n\\t\\t\\t\\t\\t\\t\")])}),0)])])]),_c('div',{staticClass:\"middle-container\"},[(_vm.category_2.length > 0)?_c('ul',{staticClass:\"tab-list-other\"},_vm._l((_vm.category_2),function(item,index){return _c('li',{key:index,class:{active: item.category_id === _vm.category_id_2},on:{\"click\":function($event){return _vm.checkCategory(item.category_id, 2)}}},[_vm._v(\"\\n \"+_vm._s(item.category_name)+\"\\n \")])}),0):_vm._e(),_c('div',{staticClass:\"more-recommendations-module\"},[_c('ul',{staticClass:\"more-recommendations-list\"},_vm._l((_vm.list),function(item,index){return _c('li',{key:index,on:{\"click\":function($event){return _vm.$router.push(`/product-details?goods_id=${item.goods_id}&sku_id=${item.sku_id}`)}}},[_c('img',{staticClass:\"recommendations-img\",attrs:{\"src\":_vm.BASE_URL + item.goods_image}}),_c('div',{staticClass:\"recommendations-item-bottom\"},[_c('div',{staticClass:\"recommendations-name-row\"},[_c('img',{staticClass:\"recommendations-tag\",attrs:{\"src\":require(\"../assets/tag-3.png\")}}),_c('span',[_vm._v(_vm._s(item.goods_name))])]),_c('div',{staticClass:\"recommendations-between\"},[_c('span',{staticClass:\"font-1\"},[_vm._v(\"¥\"+_vm._s(item.price))]),_c('span',{staticClass:\"font-3\"},[_vm._v(\"¥\"+_vm._s(item.market_price))])]),_c('div',{staticClass:\"recommendations-between\"},[_c('span',{staticClass:\"font-2\"},[_vm._v(\"月销\"+_vm._s(item.sale_num)+\"笔\")]),_c('span',{staticClass:\"font-2\"},[_vm._v(\"库存\"+_vm._s(item.goods_stock)+\"件\")])]),_c('div',{staticClass:\"recommendations-store-row\"},[_c('img',{staticClass:\"store-icon\",attrs:{\"src\":require(\"../assets/icon-store.png\")}}),_vm._v(\"\\n 品牌：\"+_vm._s(item.brand_name)+\"\\n \")])])])}),0),_c('normal-box',{attrs:{\"show\":_vm.list.length === 0}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 二级页面 -->\r\n<template>\r\n\t<div class=\"wrap\">\r\n\r\n\t\t<div class=\"header-sub\">\r\n\t\t\t<div class=\"header-sub-middle\">\r\n\t\t\t\t<div class=\"header-top\">\r\n\t\t\t\t\t<img @click=\"$router.push('/')\" src=\"../assets/logo.png\" class=\"logo-img\">\r\n\r\n<!--\t\t\t\t\t<div class=\"header-top-select\">-->\r\n<!--\t\t\t\t\t\t<span class=\"header-top-select-label\" @click=\"showAllCategory = !showAllCategory\">全部分类</span>-->\r\n<!--\t\t\t\t\t\t<img src=\"../assets/icon-select.png\" class=\"header-top-select-img\">-->\r\n<!--\t\t\t\t\t\t<div v-show=\"showAllCategory\">-->\r\n<!--\t\t\t\t\t\t\t<div class=\"all-categories-window\">-->\r\n<!-- <all-products-nav-list/>-->\r\n<!--\t\t\t\t\t\t\t</div>-->\r\n<!--\t\t\t\t\t\t</div>-->\r\n<!--\t\t\t\t\t</div>-->\r\n <header-top-select/>\r\n\r\n\t\t\t\t\t<div class=\"search-bar\">\r\n <input v-model=\"searchKey\" @keydown.enter=\"$router.push(`/search?key=${searchKey}`)\" class=\"search-input\" placeholder=\"滋养补品\" />\r\n <button type=\"button\" class=\"search-btn\" @click=\"$router.push(`/search?key=${searchKey}`)\">\r\n <img src=\"../assets/search-icon-01.png\">\r\n </button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"header-bottom\">\r\n\t\t\t\t\t<ul class=\"header-tab-list\">\r\n\t\t\t\t\t\t<li v-for=\"(item, index) in category_1\" :key=\"index\"\r\n\t\t\t\t\t\t\t:class=\"{active: item.category_id === category_id_1}\"\r\n\t\t\t\t\t\t\t@click=\"checkCategory(item.category_id, 1)\">\r\n\t\t\t\t\t\t\t{{ item.category_name }}\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</div>\r\n\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"middle-container\">\r\n\r\n<!--\t\t\t<p class=\"main-title\">-->\r\n<!--\t\t\t\t<!– 钥盛自营–>-->\r\n<!--\t\t\t\t{{ title }}-->\r\n<!--\t\t\t\t<!– <span>钥盛自营钥盛自营</span>–>-->\r\n<!--\t\t\t</p>-->\r\n\r\n<!--\t\t\t<div class=\"tab-wrap\" v-if=\"findLevel > 2\">-->\r\n<!--\t\t\t\t<ul class=\"tab-list\">-->\r\n<!--\t\t\t\t\t<li v-for=\"(item, index) in category_3\" :key=\"index\"-->\r\n<!--\t\t\t\t\t\t:class=\"{active: item.category_id === category_id_3}\"-->\r\n<!--\t\t\t\t\t\t@click=\"checkCategory(item.category_id, 3)\">-->\r\n<!--\t\t\t\t\t\t{{ item.category_name }}-->\r\n<!--\t\t\t\t\t</li>-->\r\n<!--\t\t\t\t</ul>-->\r\n<!--\t\t\t</div>-->\r\n\r\n\t\t\t<ul class=\"tab-list-other\" v-if=\"category_2.length > 0\">\r\n <li v-for=\"(item, index) in category_2\" :key=\"index\"\r\n :class=\"{active: item.category_id === category_id_2}\"\r\n @click=\"checkCategory(item.category_id, 2)\">\r\n {{ item.category_name }}\r\n </li>\r\n\r\n\t\t\t</ul>\r\n\r\n\t\t\t<div class=\"more-recommendations-module\">\r\n\t\t\t\t<ul class=\"more-recommendations-list\">\r\n\t\t\t\t\t<li v-for=\"(item, index) in list\" :key=\"index\"\r\n\t\t\t\t\t\t@click=\"$router.push(`/product-details?goods_id=${item.goods_id}&sku_id=${item.sku_id}`)\">\r\n\t\t\t\t\t\t<img :src=\"BASE_URL + item.goods_image\" class=\"recommendations-img\">\r\n\t\t\t\t\t\t<div class=\"recommendations-item-bottom\">\r\n\t\t\t\t\t\t\t<div class=\"recommendations-name-row\">\r\n\t\t\t\t\t\t\t\t<img src=\"../assets/tag-3.png\" class=\"recommendations-tag\">\r\n\t\t\t\t\t\t\t\t<span>{{ item.goods_name }}</span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"recommendations-between\">\r\n\t\t\t\t\t\t\t\t<span class=\"font-1\">¥{{ item.price }}</span>\r\n\t\t\t\t\t\t\t\t<span class=\"font-3\">¥{{ item.market_price }}</span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"recommendations-between\">\r\n\t\t\t\t\t\t\t\t<span class=\"font-2\">月销{{ item.sale_num }}笔</span>\r\n\t\t\t\t\t\t\t\t<span class=\"font-2\">库存{{ item.goods_stock }}件</span>\r\n\t\t\t\t\t\t\t</div>\r\n<!-- <div class=\"recommendations-store-row\">-->\r\n<!-- <img src=\"../assets/icon-store.png\" class=\"store-icon\">-->\r\n<!-- {{ item.site_name }}-->\r\n<!-- </div>-->\r\n <div class=\"recommendations-store-row\">\r\n <img src=\"../assets/icon-store.png\" class=\"store-icon\">\r\n 品牌：{{ item.brand_name }}\r\n </div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t</ul>\r\n\t\t\t\t<normal-box :show=\"list.length === 0\"></normal-box>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport {\r\n\t\tIndexService\r\n\t} from \"@/common/service\";\r\n\timport {\r\n\t\tBASE_URL\r\n\t} from \"@/common/config\";\r\n\timport NormalBox from \"@/components/normal-box\";\r\n import AllProductsNavList from \"@/components/all-products-nav-list\";\r\n import HeaderTopSelect from \"@/components/header-top-select\";\r\n\r\n\r\n\texport default {\r\n\t\tcomponents: {\r\n HeaderTopSelect,\r\n AllProductsNavList,\r\n\t\t\tNormalBox\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tBASE_URL,\r\n\r\n showAllCategory: false,\r\n\r\n\t\t\t\tparams: {\r\n\t\t\t\t\t// 分页\r\n\t\t\t\t\tpage: 1,\r\n\t\t\t\t\t// 排序 综合 1 销量 2 好评 3\r\n\t\t\t\t\tsort: 1,\r\n\t\t\t\t\t// 最小价格\r\n\t\t\t\t\tmin: '',\r\n\t\t\t\t\t// 最大价格\r\n\t\t\t\t\tmax: '',\r\n\t\t\t\t},\r\n\t\t\t\tlist: [],\r\n\t\t\t\tloading: false,\r\n\t\t\t\tnoMore: false,\r\n\r\n\t\t\t\tcategory_1: [],\r\n\t\t\t\tcategory_2: [],\r\n\t\t\t\tcategory_3: [],\r\n\t\t\t\tcategoryMap_1: {},\r\n\t\t\t\tcategoryMap_2: {},\r\n\t\t\t\tcategoryMap_3: {},\r\n\t\t\t\tcategory_id_1: 0,\r\n\t\t\t\tcategory_id_2: 0,\r\n\t\t\t\tcategory_id_3: 0,\r\n\r\n\t\t\t\tfindLevel: 2,\r\n\r\n\t\t\t\ttitle: '',\r\n\r\n searchKey: '',\r\n\t\t\t};\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tconst option = this.$route.query;\r\n\t\t\tthis.category_id_1 = parseInt(option.category_id_1 || 0);\r\n this.category_id_2 = parseInt(option.category_id_2 || 0);\r\n\t\t\tthis.getCategory();\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tgetCategory(level = 1) {\r\n\t\t\t\tconst listKey = `category_${level}`;\r\n\t\t\t\tconst mapKey = `categoryMap_${level}`;\r\n\t\t\t\tconst idKey = `category_id_${level}`;\r\n\t\t\t\tconst pidMap = {\r\n\t\t\t\t\tcategory_id_1: 0,\r\n\t\t\t\t\tcategory_id_2: this.category_id_1,\r\n\t\t\t\t\tcategory_id_3: this.category_id_2,\r\n\t\t\t\t};\r\n\t\t\t\treturn IndexService.goods_categor({\r\n\t\t\t\t\tpid: pidMap[idKey]\r\n\t\t\t\t}).then(({\r\n\t\t\t\t\tdata\r\n\t\t\t\t}) => {\r\n\t\t\t\t\tthis.$set(this, listKey, data);\r\n\t\t\t\t\tthis.$set(this, mapKey, data.reduce((obj, item) => ({\r\n\t\t\t\t\t\t...obj,\r\n\t\t\t\t\t\t[item.category_id]: item,\r\n\t\t\t\t\t}), {}));\r\n\r\n\t\t\t\t\tif (data.length > 0) {\r\n\t\t\t\t\t\tif (idKey !== 'category_id_1' || (idKey === 'category_id_1' && this.category_id_1 === 0)) {\r\n\t\t\t\t\t\t\tthis.$set(this, idKey, data[0].category_id);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (++level < 3) {\r\n\t\t\t\t\t\t\tthis.getCategory(level);\r\n\t\t\t\t\t\t} else {\r\n this.findLevel = level - 1;\r\n\t\t\t\t\t\t\tthis.getList();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.findLevel = level - 1;\r\n\t\t\t\t\t\tthis.getList();\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t},\r\n\r\n\t\t\tcheckCategory(id, level) {\r\n\t\t\t\tconst idKey = `category_id_${level}`;\r\n\t\t\t\tthis.$set(this, idKey, id);\r\n const id2Key = `category_id_${Math.min(this.findLevel, 1)}`;\r\n const mapKey = `categoryMap_${Math.min(this.findLevel, 1)}`;\r\n this.title = this[mapKey][this[id2Key]].category_name;\r\n\r\n if (level < 2) {\r\n this.getCategory(level);\r\n } else {\r\n this.getList();\r\n }\r\n\t\t\t},\r\n\t\t\tgetList() {\r\n\t\t\t\tif (this.loading) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst id2Key = `category_id_${Math.min(this.findLevel, 1)}`;\r\n\t\t\t\tconst mapKey = `categoryMap_${Math.min(this.findLevel, 1)}`;\r\n\t\t\t\tthis.title = this[mapKey][this[id2Key]].category_name;\r\n\r\n\t\t\t\tthis.loading = true;\r\n\t\t\t\tconst apiMap = {\r\n\t\t\t\t\t1: IndexService.index_more,\r\n\t\t\t\t\t2: IndexService.second_more,\r\n\t\t\t\t\t3: IndexService.three_more,\r\n\t\t\t\t};\r\n\r\n\t\t\t\tconst idKey = `category_id_${this.findLevel}`;\r\n\t\t\t\tapiMap[this.findLevel]({\r\n\t\t\t\t\t[idKey]: this[idKey],\r\n\t\t\t\t}).then(({\r\n\t\t\t\t\tdata\r\n\t\t\t\t}) => {\r\n\t\t\t\t\tthis.list = data.list;\r\n\t\t\t\t}).finally(() => {\r\n\t\t\t\t\tthis.loading = false;\r\n\t\t\t\t\tthis.noMore = true;\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t},\r\n\t};\r\n</script>\r\n\r\n<style scoped>\r\n\t.wrap {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tbackground: #F8F5ED url(../assets/bg-5.png) top center no-repeat;\r\n\t\tbackground-size: 1654px 605px;\r\n\t\tpadding-top: 167px;\r\n\t}\r\n\r\n\t.footer {\r\n\t\twidth: 100%;\r\n\t\theight: 271px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.footer-middle {\r\n\t\twidth: calc(1200px - 292px);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.footer-tag-list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.footer-tag-list>li {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.footer-tag-icon {\r\n\t\twidth: 56px;\r\n\t\tmargin-bottom: 14px;\r\n\t}\r\n\r\n\t.footer-bottom {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 8px;\r\n\t\tbox-sizing: border-box;\r\n\t\tmargin-top: 37px;\r\n\t}\r\n\r\n\t.footer-bottom-left {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-right: 135px;\r\n\t}\r\n\r\n\t.footer-bottom-left-list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\r\n\t.footer-bottom-left-list>li {\r\n\t\twidth: 33.3333%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tcolor: #666666;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: bold;\r\n\t\tmargin-top: 15px;\r\n\t}\r\n\r\n\t.footer-bottom-left-list>li:first-child,\r\n\t.footer-bottom-left-list>li:nth-child(2),\r\n\t.footer-bottom-left-list>li:nth-child(3) {\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t.footer-bottom-right {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.footer-bottom-right-img {\r\n\t\twidth: 48px;\r\n\t\tmargin-right: 7px;\r\n\t}\r\n\r\n\t.footer-bottom-right-row {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-end;\r\n\t}\r\n\r\n\t.footer-font1 {\r\n\t\tcolor: #C69236;\r\n\t\tfont-size: 28px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.footer-font2 {\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.middle-container {\r\n\t\twidth: 1200px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.more-recommendations-module {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 26px 0 20px;\r\n\t}\r\n\r\n\t.more-recommendations-label {\r\n\t\tfont-size: 26px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #C69236;\r\n\t\tposition: relative;\r\n\t\tpadding-left: 15px;\r\n\t\tbox-sizing: border-box;\r\n\t\tmargin-bottom: 19px;\r\n\t}\r\n\r\n\t.more-recommendations-label::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t\twidth: 6px;\r\n\t\theight: 26px;\r\n\t\tbackground-color: #C69236;\r\n\t}\r\n\r\n\t.more-icon {\r\n\t\twidth: 24px;\r\n\t}\r\n\r\n\t.more-recommendations-list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\r\n\t.more-recommendations-list>li {\r\n\t\twidth: 19.12%;\r\n\t\tmargin-right: 1.1%;\r\n\t\tmargin-bottom: 22px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tpadding: 11px 10px 0;\r\n\t\tbox-sizing: border-box;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tbox-shadow: 1px 1px 6px rgba(199, 199, 199, 0.5);\r\n\t}\r\n\r\n\t.more-recommendations-list>li:nth-child(5n) {\r\n\t\tmargin-right: 0;\r\n\t}\r\n\r\n\t.recommendations-img {\r\n\t\twidth: 100%;\r\n\t\theight: 210px;\r\n\t\tobject-fit: cover;\r\n\t\tmargin-bottom: 12px;\r\n\t}\r\n\r\n\t.recommendations-item-bottom {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.recommendations-name-row {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 6px;\r\n\t}\r\n\r\n\t.recommendations-name-row>span {\r\n\t\tflex: 1;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #333333;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t}\r\n\r\n\t.recommendations-tag {\r\n\t\twidth: 18px;\r\n\t\tmargin-right: 7px;\r\n\t}\r\n\r\n\t.recommendations-between {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 4px;\r\n\t}\r\n\r\n\t.recommendations-between:last-of-type {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.font-1 {\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #FF4400;\r\n\t}\r\n\r\n\t.font-2 {\r\n\t\tcolor: #999999;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.font-3 {\r\n\t\ttext-decoration: line-through;\r\n\t\tcolor: #999999;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.recommendations-store-row {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 5px 0 7px;\r\n\t\tborder-top: 1px solid #EEEEEE;\r\n\t\tbox-sizing: border-box;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 10px;\r\n\t}\r\n\r\n\t.store-icon {\r\n\t\twidth: 16px;\r\n\t\tmargin-right: 5px;\r\n\t}\r\n\r\n\t.module-wrap {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tmargin-top: 20px;\r\n\t}\r\n\r\n\t.module-column {\r\n\t\twidth: calc(50% - 15px);\r\n\t\theight: 410px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tbackground-color: #fff;\r\n\t\tpadding: 0 12px 15px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.module-column-top-between {\r\n\t\twidth: 100%;\r\n\t\theight: 60px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.module-column-title {\r\n\t\tcolor: #C69236;\r\n\t\tfont-size: 28px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.module-column-all {\r\n\t\tcolor: #666666;\r\n\t\tfont-size: 16px;\r\n\t\theight: 30px;\r\n\t\tline-height: 30px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tborder: 1px solid #979797;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: 50px;\r\n\t\tpadding: 0 14px;\r\n\t}\r\n\r\n\t.module-column-box-wrap {\r\n\t\twidth: 100%;\r\n\t\theight: calc(100% - 60px);\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.module-column-leftsidebar {\r\n\t\twidth: 235px;\r\n\t\theight: 100%;\r\n\t\tbackground: linear-gradient(180deg, #FFFBF2, #FEF6E1);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tpadding: 13px 15px 0;\r\n\t\tbox-shadow: 1px 1px 6px rgba(199, 199, 199, 0.5);\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.module-column-leftsidebar.blue {\r\n\t\tbackground: linear-gradient(180deg, #F7F8F9, #85F6F4);\r\n\t}\r\n\r\n\t.module-column-leftsidebar-img {\r\n\t\twidth: 205px;\r\n\t\theight: 205px;\r\n\t\tobject-fit: cover;\r\n\t\tmargin-bottom: 30px;\r\n\t}\r\n\r\n\t.module-column-leftsidebar-label {\r\n\t\twidth: 100%;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\ttext-align: center;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #333333;\r\n\t}\r\n\r\n\t.module-column-leftsidebar-price {\r\n\t\twidth: 100%;\r\n\t\ttext-align: center;\r\n\t\tfont-size: 22px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #FF4400;\r\n\t}\r\n\r\n\t.module-column-rightsidebar {\r\n\t\tflex: 1;\r\n\t\tmargin-left: 11px;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.module-column-rightlist {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: space-between;\r\n\t}\r\n\r\n\t.module-column-rightlist>li {\r\n\t\twidth: calc(50% - 5.5px);\r\n\t\theight: calc(50% - 5.5px);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tbackground-color: #F7F8F9;\r\n\t\tbox-shadow: 1px 1px 6px rgba(199, 199, 199, 0.5);\r\n\t\tpadding: 7px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.module-column-rightlist>li:first-child,\r\n\t.module-column-rightlist>li:nth-child(2) {\r\n\t\tmargin-bottom: 11px;\r\n\t}\r\n\r\n\t.module-column-rightlist-img {\r\n\t\twidth: 88px;\r\n\t\theight: 88px;\r\n\t\tobject-fit: cover;\r\n\t\tmargin-bottom: 10px;\r\n\t}\r\n\r\n\t.module-column-rightlist-label {\r\n\t\twidth: 100%;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\ttext-align: center;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #333333;\r\n\t}\r\n\r\n\t.module-column-rightlist-price {\r\n\t\twidth: 100%;\r\n\t\ttext-align: center;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #FF4400;\r\n\t}\r\n\r\n\t.recommend-good-products-wrap {\r\n\t\twidth: 100%;\r\n\t\theight: 266px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-top: 20px;\r\n\t}\r\n\r\n\t.recommend-good-products-module {\r\n\t\twidth: 200px;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tbackground: url(../assets/bg-1.png) no-repeat;\r\n\t\tbackground-size: 100% 100%;\r\n\t}\r\n\r\n\t.recommend-good-products-module-label {\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 28px;\r\n\t\tfont-weight: bold;\r\n\t\twidth: 100%;\r\n\t\tmargin-bottom: 45px;\r\n\t\tpadding: 17px 16px 0;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.recommend-good-products-module-bottom {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.recommend-good-products-module-icon {\r\n\t\tmargin-bottom: 20px;\r\n\t\twidth: 60px;\r\n\t}\r\n\r\n\t.recommend-good-products-module-more-row {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 18px;\r\n\t}\r\n\r\n\t.recommend-good-products-module-more-row>img {\r\n\t\twidth: 24px;\r\n\t}\r\n\r\n\t.recommend-good-products-rightsidebar {\r\n\t\tflex: 1;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.recommend-good-products-turn-left {\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t}\r\n\r\n\t.recommend-good-products-turn-left>img {\r\n\t\twidth: 28px;\r\n\t}\r\n\r\n\t.recommend-good-products-list {\r\n\t\twidth: 100%;\r\n\t\twhite-space: nowrap;\r\n\t}\r\n\r\n\t.recommend-good-products-list>li {\r\n\t\twidth: 25%;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\r\n\t.recommend-good-products-list>li>a {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.recommend-good-products-list>li>a::after {\r\n\t\tcontent: \"\";\r\n\t\twidth: 1px;\r\n\t\theight: 150px;\r\n\t\tbackground-color: #EEEEEE;\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t}\r\n\r\n\t.recommend-good-products-list>li:last-child>a::after {\r\n\t\tbackground-color: initial;\r\n\t}\r\n\r\n\t.recommend-good-products-img {\r\n\t\twidth: 160px;\r\n\t\theight: 160px;\r\n\t\tmargin-bottom: 10px;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.recommend-good-products-title {\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: bold;\r\n\t\twidth: 100%;\r\n\t\ttext-align: center;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t}\r\n\r\n\t.recommend-good-products-price {\r\n\t\tcolor: #FF4400;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: bold;\r\n\t\twidth: 100%;\r\n\t\ttext-align: center;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t}\r\n\r\n\t.recommend-good-products-turn-right {\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t}\r\n\r\n\t.recommend-good-products-turn-right>img {\r\n\t\twidth: 28px;\r\n\t}\r\n\r\n\t.top-wrap {\r\n\t\twidth: 100%;\r\n\t\theight: 440px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\tmargin-top: 20px;\r\n\t}\r\n\r\n\t.top-all-products {\r\n\t\twidth: 200px;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tbackground-color: #FFFFFF;\r\n\t}\r\n\r\n\t.all-products-label {\r\n\t\twidth: 100%;\r\n\t\theight: 68px;\r\n\t\tline-height: 68px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tcolor: #C69236;\r\n\t\tfont-size: 28px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.all-products-nav-list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t/* .all-products-nav-list>li {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 12px;\r\n\t\tpadding-left: 35px;\r\n\t\tbox-sizing: border-box;\r\n\t} */\r\n\r\n\t/* .all-products-nav-img {\r\n\t\twidth: 24px;\r\n\t\theight: 24px;\r\n\t\tmargin-right: 11px;\r\n\t}\r\n\r\n\t.all-products-nav-sidebar {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.all-products-nav-title {\r\n\t\tflex: 1;\r\n\t\tcolor: #666666;\r\n\t\tfont-size: 18px;\r\n\t}\r\n */\r\n\t.all-products-nav-tag {\r\n\t\tflex: 1;\r\n\t\tcolor: #666666;\r\n\t\tfont-size: 18px;\r\n\t}\r\n\r\n\t.top-banner-box {\r\n\t\twidth: 580px;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.top-banner-img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.top-product-list {\r\n\t\twidth: 173px;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: space-between;\r\n\t}\r\n\r\n\t.top-product-list>li {\r\n\t\twidth: 100%;\r\n\t\theight: 140px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tbox-shadow: 1px 1px 6px rgba(199, 199, 199, 0.5);\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.top-product-list>li.yellow {\r\n\t\tbackground-image: radial-gradient(#FCFCFC, #FDE39B)\r\n\t}\r\n\r\n\t.top-product-list>li.blue {\r\n\t\tbackground-image: radial-gradient(#FCFCFC, #0ED3D0)\r\n\t}\r\n\r\n\t.top-product-list>li.orange {\r\n\t\tbackground-image: radial-gradient(#FCFCFC, #FF6619)\r\n\t}\r\n\r\n\t.top-product-img {\r\n\t\twidth: 96px;\r\n\t\theight: 96px;\r\n\t\tmargin-bottom: 5px;\r\n\t}\r\n\r\n\t.top-product-title {\r\n\t\twidth: 100%;\r\n\t\ttext-align: center;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.top-rightsidebar {\r\n\t\twidth: 214px;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tpadding-top: 42px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.user-avatar {\r\n\t\twidth: 64px;\r\n\t\theight: 64px;\r\n\t\tmargin-bottom: 7px;\r\n\t}\r\n\r\n\t.user-name {\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 16px;\r\n\t\tmargin-bottom: 15px;\r\n\t}\r\n\r\n\t.btn-box {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 22px 25px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.btn-box>button {\r\n\t\tflex: 1;\r\n\t\theight: 26px;\r\n\t\tline-height: 26px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tbackground: linear-gradient(180deg, #FF870E, #FF6619);\r\n\t\tborder-radius: 50px;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: bold;\r\n\t\tmargin-right: 11px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.btn-box>button:last-child {\r\n\t\tmargin-right: 0;\r\n\t}\r\n\r\n\t.btn-box>button.border-btn {\r\n\t\tborder: 1px solid #FF6619 !important;\r\n\t\tbox-sizing: border-box;\r\n\t\tcolor: #FF6619 !important;\r\n\t\tbackground: #FFFFFF !important;\r\n\t}\r\n\r\n\t.top-rightsidebar-menulist {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\r\n\t.top-rightsidebar-menulist>li {\r\n\t\twidth: 50%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tposition: relative;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 14px;\r\n\t\tmargin-bottom: 15px;\r\n\t}\r\n\r\n\t.top-rightsidebar-menu-img {\r\n\t\twidth: 24px;\r\n\t\theight: 24px;\r\n\t\tmargin-bottom: 5px;\r\n\t}\r\n\r\n\t.top-rightsidebar-menu-num {\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 10px;\r\n\t\theight: 14px;\r\n\t\tmin-width: 14px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tbackground-color: #FF2424;\r\n\t\tborder-radius: 50%;\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: 0;\r\n\t}\r\n\r\n\t.notice-module {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 0 25px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.notice-between {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 1px;\r\n\t}\r\n\r\n\t.notice-label {\r\n\t\tcolor: #FF7315;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.notice-all {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.notice-all>img {\r\n\t\twidth: 24px;\r\n\t}\r\n\r\n\t.notice-list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.notice-list>li {\r\n\t\twidth: 100%;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 14px;\r\n\t\tmargin-bottom: 1px;\r\n\t}\r\n\r\n\t.notice-list>li:last-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.header-sub {\r\n\t\twidth: 100%;\r\n\t\theight: 167px;\r\n\t\tbackground-color: #fff;\r\n\t\tposition: fixed;\r\n\t\ttop: 44px;\r\n\t\tleft: 0;\r\n\t\tz-index: 99;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.header-sub-middle {\r\n\t\twidth: 1200px;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 0 75px 0 35px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.header-top {\r\n\t\twidth: 100%;\r\n\t\theight: 130px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t}\r\n\r\n\t.logo-img {\r\n\t\twidth: 224px;\r\n\t}\r\n\r\n\t.search-bar {\r\n width: 674px;\r\n height: 50px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\t/* border: 2px solid #C38D31;\r\n\t\tbox-shadow: 2px 2px 6px #C38D31;\r\n\t\t\r\n\t\t*/\r\n background: url(../assets/search-01.png) no-repeat;\r\n\t\tbackground-size: 100% 100%;\r\n\t\tpadding: 0 8px 0 20px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.search-input {\r\n\t\tflex: 1;\r\n\t\tfont-size: 18px;\r\n\t\tcolor: #333333;\r\n\t}\r\n\r\n\t.search-input::placeholder {\r\n\t\tcolor: #999999;\r\n\t}\r\n\r\n\t.search-btn {\r\n\t\twidth: 81px;\r\n\t\theight: 62px;\r\n\t\tline-height: 62px;\r\n\t\tpadding: 4px 0 8px;\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.search-btn>img {\r\n\t\twidth: 24px;\r\n\t}\r\n\r\n\t.header-bottom {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding-left: 26px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.header-tab-list {\r\n\t\twidth: 100%;\r\n\t\tmin-height: 37px;\r\n\t\twhite-space: nowrap;\r\n overflow-y: hidden;\r\n overflow-x: auto;\r\n\t}\r\n\r\n .header-tab-list::-moz-scrollbar {\r\n width: 7px!important;\r\n }\r\n\r\n .header-tab-list::-moz-scrollbar {\r\n width: 7px!important;\r\n height: 7px!important;\r\n }\r\n /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/\r\n .header-tab-list::-webkit-scrollbar {\r\n width: 7px!important;\r\n height: 7px!important;\r\n background-color: #f5f5f5;\r\n position: fixed;\r\n }\r\n /*定义滚动条轨道 内阴影+圆角*/\r\n .header-tab-list::-webkit-scrollbar-track {\r\n box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n border-radius: 10px;\r\n background-color: #f5f5f5;\r\n }\r\n /*定义滑块 内阴影+圆角*/\r\n .header-tab-list::-webkit-scrollbar-thumb {\r\n border-radius: 10px;\r\n box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);\r\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);\r\n background-color: #c8c8c8;\r\n }\r\n\r\n\t.header-tab-list>li {\r\n\t\tdisplay: inline-block;\r\n\t\theight: 37px;\r\n\t\tline-height: 37px;\r\n\t\tfont-size: 20px;\r\n\t\tcolor: #333333;\r\n\t\tmargin-right: 18px;\r\n\t\tfont-weight: bold;\r\n\t\tpadding: 0 12px;\r\n\t}\r\n\r\n\t.header-tab-list>li.active {\r\n\t\tcolor: #FFFFFF;\r\n\t\tbackground-color: #FF6619;\r\n\t}\r\n\r\n\t.tab-wrap {\r\n\t\twidth: 100%;\r\n\t\theight: 38px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 8px;\r\n\t}\r\n\r\n\t.tab-list {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.tab-list>li {\r\n\t\twidth: 105px;\r\n\t\theight: 38px;\r\n\t\tline-height: 38px;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: bold;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.tab-list>li.active {\r\n\t\tcolor: #FFFFFF;\r\n\t\tborder-radius: 8px;\r\n\t\tbackground-color: #FF6619;\r\n\t}\r\n\r\n\t.price-box {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.price-font-box {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: bold;\r\n\t\tmargin-right: 29px;\r\n\t\tmargin-left: 37px;\r\n\t}\r\n\r\n\t.screen-box {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tmargin-left: 1px;\r\n\t}\r\n\r\n\t.screen-top {\r\n\t\twidth: 9px;\r\n\t\tmargin-bottom: 1px;\r\n\t}\r\n\r\n\t.screen-bottom {\r\n\t\twidth: 9px;\r\n\t}\r\n\r\n\t.input-box {\r\n\t\tbackground-color: #EEEEEE;\r\n\t\tborder-radius: 8px;\r\n\t\tpadding: 0 8px;\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin: 0 5px;\r\n\t}\r\n\r\n\t.input-box-symbol {\r\n\t\tcolor: #999999;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.input-box-input {\r\n\t\twidth: 42px;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #333333;\r\n\t}\r\n\r\n\t.line {\r\n\t\twidth: 18px;\r\n\t\theight: 2px;\r\n\t\tbackground-color: #666666;\r\n\t\tborder-radius: 2px;\r\n\t}\r\n\r\n\t.main-title {\r\n\t\twidth: 100%;\r\n\t\theight: 162px;\r\n\t\ttext-align: center;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 60px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.main-title span {\r\n\t\tfont-size: 24px;\r\n\t}\r\n\r\n\t.header-top-select {\r\n\t\twidth: 102px;\r\n\t\theight: 22px;\r\n\t\tline-height: 22px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder: 1px solid #979797;\r\n\t\tposition: relative;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.header-top-select-label {\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.header-top-select-img {\r\n\t\twidth: 15px;\r\n\t\tmargin-left: 4px;\r\n\t}\r\n\r\n\t.header-top-select2 {\r\n\t\tmin-width: 104px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tmargin-right: 20px;\r\n\t}\r\n\r\n\t.header-top-select-label2 {\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 20px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.header-top-select-img2 {\r\n\t\twidth: 24px;\r\n\t}\r\n\t/* */\r\n\t.all-products-nav-list {\r\n\t\t/* width: 100%; */\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 15px 0 0 15px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.all-products-nav-list>li {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 12px;\r\n\t\t/*padding-left: 35px;*/\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.all-products-nav-img {\r\n\t\twidth: 19px;\r\n\t\theight: 19px;\r\n\t\tmargin-right: 11px;\r\n\t}\r\n\r\n\t.all-products-nav-sidebar {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.all-products-nav-title {\r\n\t\tflex: 1;\r\n\t\tcolor: #666666;\r\n\t\tfont-size: 18px;\r\n\t}\r\n\r\n\t.all-categories-window {\r\n\t\twidth: 180px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tposition: absolute;\r\n\t\ttop: 20px;\r\n\t\tleft: -1px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder: 1px solid #979797;\r\n\t\tbox-sizing: border-box;\r\n\t\t padding: 15px 0 0 15px;\r\n\t}\r\n\t/* */\r\n\t.tab-list-other {\r\n\t\twidth: 100%;\r\n\t\twhite-space: nowrap;\r\n\t\toverflow: auto;\r\n\t}\r\n\r\n\t.tab-list-other>li {\r\n\t\tdisplay: inline-block;\r\n\t\tmin-width: 110px;\r\n width: max-content;\r\n padding: 0 20px;\r\n\t\theight: 40px;\r\n\t\tline-height: 40px;\r\n\t\ttext-align: center;\r\n\t\tcolor: #FF6619;\r\n\t\tfont-size: 20px;\r\n\t}\r\n\r\n\t.tab-list-other>li.active {\r\n\t\tcolor: #FFFFFF;\r\n\t\tbackground-color: #FF6619;\r\n\t}\r\n</style>\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!./secondary-page2.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!./secondary-page2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./secondary-page2.vue?vue&type=template&id=07581bb0&scoped=true&\"\nimport script from \"./secondary-page2.vue?vue&type=script&lang=js&\"\nexport * from \"./secondary-page2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./secondary-page2.vue?vue&type=style&index=0&id=07581bb0&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 \"07581bb0\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
|
