{"version":3,"sources":["webpack:///./src/views/Home/goods/index.vue?b105","webpack:///./src/views/Home/goods/index.vue?45d8","webpack:///src/views/Home/goods/index.vue","webpack:///./src/views/Home/goods/index.vue?40e1","webpack:///./src/views/Home/goods/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","to_search","path","_v","props","class_list","classChange","model","value","info","callback","$$v","$set","expression","class","goods_brand","$event","brand_change","_l","v","k","key","id","_s","name","goods_type","goods_sort_click","style","order_type","goods_list","length","imgurl","productName","priceSet","hideBuyButton","_e","total_data","page_size","current_page","current_change","staticRenderFns","components","ShopTop","ShopFoot","data","brand_list","label","checkStrictly","class_info","keywords","watch","handler","search_goods","deep","computed","methods","get_goods_class_list","get_brand_list","e","page","per_page","keyWord","typeService","asc","orderField","get_search_where","route_info","params","paramsArr","forEach","paramsInfo","res","split","created","beforeRouteUpdate","to","from","next","mounted","component"],"mappings":"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","file":"js/chunk-7301a3a4.3fdf5f8f.js","sourcesContent":["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/dist/cjs.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!./index.vue?vue&type=style&index=0&id=76634c06&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"goods_index\"},[_c('div',{staticClass:\"shop_top\"},[_c('shop-top',{attrs:{\"subnav_show\":false,\"change_color\":true},on:{\"search_goods\":_vm.to_search}})],1),_c('div',{staticClass:\"mbx width_center_1200\"},[_c('el-breadcrumb',{attrs:{\"separator\":\"/\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_vm._v(\"首页\")]),_c('el-breadcrumb-item',[_c('a',{attrs:{\"href\":\"/\"}},[_vm._v(\"产品\")])])],1)],1),_c('div',{staticClass:\"goods_where width_center_1200\"},[_c('div',{staticClass:\"goods_cat_list\"},[_c('div',{staticClass:\"goods_cat_title\"},[_vm._v(\"商品分类：\")]),_c('div',{staticClass:\"home_goods_cat_list\"},[_c('el-cascader',{attrs:{\"props\":_vm.props,\"options\":_vm.class_list,\"popper-class\":\"home_goods_index_cascader\"},on:{\"change\":_vm.classChange},model:{value:(_vm.info.class_info),callback:function ($$v) {_vm.$set(_vm.info, \"class_info\", $$v)},expression:\"info.class_info\"}})],1)]),_c('div',{staticClass:\"goods_cat_list\"},[_c('div',{staticClass:\"goods_cat_title\"},[_vm._v(\"品牌筛选：\")]),_c('ul',[_c('li',{class:_vm.info.goods_brand == 0 ? 'font_color' : '',on:{\"click\":function($event){return _vm.brand_change(0)}}},[_vm._v(\"\\n          全部\\n        \")]),_vm._l((_vm.brand_list),function(v,k){return _c('li',{key:k,class:_vm.info.goods_brand == v.id ? 'font_color' : '',on:{\"click\":function($event){return _vm.brand_change(v.id)}}},[_vm._v(\"\\n          \"+_vm._s(v.name)+\"\\n        \")])})],2)]),_c('div',{staticClass:\"goods_cat_list\"},[_c('div',{staticClass:\"goods_cat_title\"},[_vm._v(\"筛选排序：\")]),_c('ul',{staticClass:\"goods_sort_ul\"},[_c('li',{class:_vm.info.goods_type == 0 ? 'font_color' : '',on:{\"click\":function($event){return _vm.goods_sort_click(0)}}},[_vm._v(\"\\n          默认\"),_c('span',{staticClass:\"goods_sort_top\"},[_c('i',{staticClass:\"icon iconfont\",style:(_vm.info.goods_type == 0 && _vm.info.order_type == 0\n                  ? 'color:#ca151e'\n                  : '')},[_vm._v(\"\")])]),_c('span',{staticClass:\"goods_sort_bottom\"},[_c('i',{staticClass:\"icon iconfont\",style:(_vm.info.goods_type == 0 && _vm.info.order_type == 1\n                  ? 'color:#ca151e'\n                  : '')},[_vm._v(\"\")])])]),_c('li',{class:_vm.info.goods_type == 1 ? 'font_color' : '',on:{\"click\":function($event){return _vm.goods_sort_click(1)}}},[_vm._v(\"\\n          价格\"),_c('span',{staticClass:\"goods_sort_top\"},[_c('i',{staticClass:\"icon iconfont\",style:(_vm.info.goods_type == 1 && _vm.info.order_type == 0\n                  ? 'color:#ca151e'\n                  : '')},[_vm._v(\"\")])]),_c('span',{staticClass:\"goods_sort_bottom\"},[_c('i',{staticClass:\"icon iconfont\",style:(_vm.info.goods_type == 1 && _vm.info.order_type == 1\n                  ? 'color:#ca151e'\n                  : '')},[_vm._v(\"\")])])]),_c('li',{class:_vm.info.goods_type == 2 ? 'font_color' : '',on:{\"click\":function($event){return _vm.goods_sort_click(2)}}},[_vm._v(\"\\n          销量\"),_c('span',{staticClass:\"goods_sort_top\"},[_c('i',{staticClass:\"icon iconfont\",style:(_vm.info.goods_type == 2 && _vm.info.order_type == 0\n                  ? 'color:#ca151e'\n                  : '')},[_vm._v(\"\")])]),_c('span',{staticClass:\"goods_sort_bottom\"},[_c('i',{staticClass:\"icon iconfont\",style:(_vm.info.goods_type == 2 && _vm.info.order_type == 1\n                  ? 'color:#ca151e'\n                  : '')},[_vm._v(\"\")])])]),_c('li',{class:_vm.info.goods_type == 3 ? 'font_color' : '',on:{\"click\":function($event){return _vm.goods_sort_click(3)}}},[_vm._v(\"\\n          评论\"),_c('span',{staticClass:\"goods_sort_top\"},[_c('i',{staticClass:\"icon iconfont\",style:(_vm.info.goods_type == 3 && _vm.info.order_type == 0\n                  ? 'color:#ca151e'\n                  : '')},[_vm._v(\"\")])]),_c('span',{staticClass:\"goods_sort_bottom\"},[_c('i',{staticClass:\"icon iconfont\",style:(_vm.info.goods_type == 3 && _vm.info.order_type == 1\n                  ? 'color:#ca151e'\n                  : '')},[_vm._v(\"\")])])])])])]),(_vm.goods_list.length > 0)?_c('div',{staticClass:\"goods_list width_center_1200\"},_vm._l((_vm.goods_list),function(v,k){return _c('div',{key:k,staticClass:\"goods_list_item\"},[_c('router-link',{attrs:{\"to\":'/goods/info/' + v.id}},[_c('dl',[_c('dt',[_c('el-image',{attrs:{\"src\":v.imgurl,\"alt\":\"\",\"lazy\":\"\"}})],1),_c('dd',{staticClass:\"title\"},[_vm._v(_vm._s(v.productName))]),_c('dd',{staticClass:\"price\"},[_vm._v(\"￥\"+_vm._s(v.priceSet))]),(!_vm.hideBuyButton)?_c('dd',[_c('span',[_vm._v(\"立即购买\")]),_c('span',[_vm._v(\"评价\")])]):_vm._e()])])],1)}),0):_c('div',{staticClass:\"home_empty_list\"},[_c('i',{staticClass:\"font iconfont\"},[_vm._v(\"\")]),_vm._v(\"暂无获取到相对应数据！\\n  \")]),_c('div',{staticClass:\"home_fy_block  width_center_1200\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next,jumper,total\",\"total\":_vm.total_data,\"page-size\":_vm.page_size,\"current-page\":_vm.current_page},on:{\"current-change\":_vm.current_change}})],1),_c('shop-foot'),_c('el-backtop')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"goods_index\">\r\n    <div class=\"shop_top\">\r\n      <shop-top\r\n        @search_goods=\"to_search\"\r\n        :subnav_show=\"false\"\r\n        :change_color=\"true\"\r\n      ></shop-top>\r\n    </div>\r\n    <div class=\"mbx width_center_1200\">\r\n      <el-breadcrumb separator=\"/\">\r\n        <el-breadcrumb-item :to=\"{ path: '/' }\">首页</el-breadcrumb-item>\r\n        <el-breadcrumb-item><a href=\"/\">产品</a></el-breadcrumb-item>\r\n      </el-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"goods_where width_center_1200\">\r\n      <div class=\"goods_cat_list\">\r\n        <div class=\"goods_cat_title\">商品分类：</div>\r\n        <!-- <ul>\r\n                    <li class=\"font_color\"><router-link to=\"/\">全部</router-link></li>\r\n                    <li><router-link  to=\"/\">荣耀</router-link></li>\r\n                    <li><router-link  to=\"/\">HUAWEI P系列</router-link></li>\r\n                </ul> -->\r\n        <div class=\"home_goods_cat_list\">\r\n          <el-cascader\r\n            v-model=\"info.class_info\"\r\n            :props=\"props\"\r\n            :options=\"class_list\"\r\n            popper-class=\"home_goods_index_cascader\"\r\n            @change=\"classChange\"\r\n          ></el-cascader>\r\n        </div>\r\n      </div>\r\n      <div class=\"goods_cat_list\">\r\n        <div class=\"goods_cat_title\">品牌筛选：</div>\r\n        <ul>\r\n          <li\r\n            :class=\"info.goods_brand == 0 ? 'font_color' : ''\"\r\n            @click=\"brand_change(0)\"\r\n          >\r\n            全部\r\n          </li>\r\n          <li\r\n            v-for=\"(v, k) in brand_list\"\r\n            :key=\"k\"\r\n            @click=\"brand_change(v.id)\"\r\n            :class=\"info.goods_brand == v.id ? 'font_color' : ''\"\r\n          >\r\n            {{ v.name }}\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"goods_cat_list\">\r\n        <div class=\"goods_cat_title\">筛选排序：</div>\r\n        <ul class=\"goods_sort_ul\">\r\n          <li\r\n            @click=\"goods_sort_click(0)\"\r\n            :class=\"info.goods_type == 0 ? 'font_color' : ''\"\r\n          >\r\n            默认<span class=\"goods_sort_top\"\r\n              ><i\r\n                :style=\"\r\n                  info.goods_type == 0 && info.order_type == 0\r\n                    ? 'color:#ca151e'\r\n                    : ''\r\n                \"\r\n                class=\"icon iconfont\"\r\n                >&#xe7fe;</i\r\n              ></span\r\n            ><span class=\"goods_sort_bottom\"\r\n              ><i\r\n                :style=\"\r\n                  info.goods_type == 0 && info.order_type == 1\r\n                    ? 'color:#ca151e'\r\n                    : ''\r\n                \"\r\n                class=\"icon iconfont\"\r\n                >&#xe7ff;</i\r\n              ></span\r\n            >\r\n          </li>\r\n          <li\r\n            @click=\"goods_sort_click(1)\"\r\n            :class=\"info.goods_type == 1 ? 'font_color' : ''\"\r\n          >\r\n            价格<span class=\"goods_sort_top\"\r\n              ><i\r\n                :style=\"\r\n                  info.goods_type == 1 && info.order_type == 0\r\n                    ? 'color:#ca151e'\r\n                    : ''\r\n                \"\r\n                class=\"icon iconfont\"\r\n                >&#xe7fe;</i\r\n              ></span\r\n            ><span class=\"goods_sort_bottom\"\r\n              ><i\r\n                :style=\"\r\n                  info.goods_type == 1 && info.order_type == 1\r\n                    ? 'color:#ca151e'\r\n                    : ''\r\n                \"\r\n                class=\"icon iconfont\"\r\n                >&#xe7ff;</i\r\n              ></span\r\n            >\r\n          </li>\r\n          <li\r\n            @click=\"goods_sort_click(2)\"\r\n            :class=\"info.goods_type == 2 ? 'font_color' : ''\"\r\n          >\r\n            销量<span class=\"goods_sort_top\"\r\n              ><i\r\n                :style=\"\r\n                  info.goods_type == 2 && info.order_type == 0\r\n                    ? 'color:#ca151e'\r\n                    : ''\r\n                \"\r\n                class=\"icon iconfont\"\r\n                >&#xe7fe;</i\r\n              ></span\r\n            ><span class=\"goods_sort_bottom\"\r\n              ><i\r\n                :style=\"\r\n                  info.goods_type == 2 && info.order_type == 1\r\n                    ? 'color:#ca151e'\r\n                    : ''\r\n                \"\r\n                class=\"icon iconfont\"\r\n                >&#xe7ff;</i\r\n              ></span\r\n            >\r\n          </li>\r\n          <li\r\n            @click=\"goods_sort_click(3)\"\r\n            :class=\"info.goods_type == 3 ? 'font_color' : ''\"\r\n          >\r\n            评论<span class=\"goods_sort_top\"\r\n              ><i\r\n                :style=\"\r\n                  info.goods_type == 3 && info.order_type == 0\r\n                    ? 'color:#ca151e'\r\n                    : ''\r\n                \"\r\n                class=\"icon iconfont\"\r\n                >&#xe7fe;</i\r\n              ></span\r\n            ><span class=\"goods_sort_bottom\"\r\n              ><i\r\n                :style=\"\r\n                  info.goods_type == 3 && info.order_type == 1\r\n                    ? 'color:#ca151e'\r\n                    : ''\r\n                \"\r\n                class=\"icon iconfont\"\r\n                >&#xe7ff;</i\r\n              ></span\r\n            >\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"goods_list width_center_1200\" v-if=\"goods_list.length > 0\">\r\n      <div class=\"goods_list_item\" v-for=\"(v, k) in goods_list\" :key=\"k\">\r\n        <router-link :to=\"'/goods/info/' + v.id\">\r\n          <dl>\r\n            <dt><el-image :src=\"v.imgurl\" alt=\"\" lazy></el-image></dt>\r\n            <dd class=\"title\">{{ v.productName }}</dd>\r\n            <dd class=\"price\">￥{{ v.priceSet }}</dd>\r\n            <dd v-if=\"!hideBuyButton\">\r\n              <span>立即购买</span>\r\n              <!-- <span>{{ v.comment_count }} 人评价</span> -->\r\n              <span>评价</span>\r\n            </dd>\r\n          </dl>\r\n        </router-link>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"home_empty_list\" v-else>\r\n      <i class=\"font iconfont\">&#xe600;</i>暂无获取到相对应数据！\r\n    </div>\r\n\r\n    <div class=\"home_fy_block  width_center_1200\">\r\n      <el-pagination\r\n        @current-change=\"current_change\"\r\n        background\r\n        layout=\"prev, pager, next,jumper,total\"\r\n        :total=\"total_data\"\r\n        :page-size=\"page_size\"\r\n        :current-page=\"current_page\"\r\n      ></el-pagination>\r\n    </div>\r\n\r\n    <shop-foot></shop-foot>\r\n    <!-- vue 回到顶部 -->\r\n    <el-backtop></el-backtop>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getGoodsList } from \"@/api/api\";\r\nimport { config as defaultConfig } from '@/api/config/default.js'\r\nimport ShopTop from \"@/components/home/public/head.vue\";\r\nimport ShopFoot from \"@/components/home/public/shop_foot.vue\";\r\nexport default {\r\n  components: {\r\n    ShopTop,\r\n    ShopFoot,\r\n  },\r\n  props: {},\r\n  data() {\r\n    return {\r\n\t  hideBuyButton:defaultConfig.hideBuyButton,\r\n      class_list: [],\r\n      brand_list: [],\r\n      goods_list: [],\r\n      props: {\r\n        value: \"id\",\r\n        label: \"name\",\r\n        checkStrictly: true,\r\n      },\r\n      info: {\r\n        class_info: [],\r\n        goods_brand: 0,\r\n        goods_type: 0,\r\n        keywords: \"\",\r\n        order_type: 0,\r\n      },\r\n      total_data: 0, // 总条数\r\n      page_size: 30,\r\n      current_page: 1,\r\n    };\r\n  },\r\n  watch: {\r\n    info: {\r\n      handler() {\r\n        this.search_goods();\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  computed: {},\r\n  methods: {\r\n    //  获取商品分类列表 选择商品\r\n    get_goods_class_list: function() {\r\n      // this.$get(this.$api.homeGetGoodsClassList).then((res) => {\r\n      //   this.class_list = res.data;\r\n      // });\r\n    },\r\n    // 选择分类的选择框改变\r\n    classChange: function() {\r\n      // this.$forceUpdate();\r\n      // this.search_goods();\r\n    },\r\n    // 获取品牌信息\r\n    get_brand_list: function() {\r\n      // this.$get(this.$api.homeGetBrandList).then((res) => {\r\n      //   this.brand_list = res.data;\r\n      // });\r\n    },\r\n    brand_change: function(e) {\r\n      this.info.goods_brand = e;\r\n    },\r\n    goods_sort_click: function(e) {\r\n      // 是否取反\r\n      if (e == this.info.goods_type) {\r\n        if (this.info.order_type == 0) {\r\n          this.info.order_type = 1;\r\n        } else {\r\n          this.info.order_type = 0;\r\n        }\r\n      } else {\r\n        // 新条件先倒叙\r\n        this.info.goods_type = e;\r\n        this.info.order_type = 0;\r\n      }\r\n    },\r\n    // 搜索指定产品\r\n    search_goods: function() {\r\n      this.info.page = this.current_page;\r\n\r\n      getGoodsList({\r\n        page: this.current_page,\r\n        per_page: this.page_size,\r\n        keyWord: \"\",\r\n        id: this.info.class_info[0],\r\n        typeService: \"prodtp\",\r\n        asc: true,\r\n        orderField: \"\",\r\n      }).then((res) => {\r\n        this.page_size = res.data.size;\r\n        this.total_data = parseInt(res.data.total);\r\n        this.current_page = res.data.current;\r\n        this.goods_list = res.data.records;\r\n      });\r\n\r\n      // this.$post(this.$api.homeSearchGoods,this.info).then(res=>{\r\n      //     this.page_size = res.data.per_page;\r\n      //     this.total_data = res.data.total;\r\n      //     this.current_page = res.data.current_page;\r\n      //     this.goods_list = res.data.data;\r\n      // });\r\n    },\r\n    // 子组件执行搜索\r\n    to_search: function(e) {\r\n      this.info.keywords = e.keywords;\r\n      this.search_goods();\r\n    },\r\n    // 分页改变\r\n    current_change: function(e) {\r\n      this.current_page = e;\r\n      this.search_goods();\r\n    },\r\n    get_search_where: function(route_info = \"\") {\r\n      let params = this.$route.params.info;\r\n\r\n      if (route_info != \"\") {\r\n        params = route_info;\r\n      }\r\n      let paramsArr = params.split(\"|\");\r\n      paramsArr.forEach((res) => {\r\n        let paramsInfo = [];\r\n        paramsInfo = res.split(\".\");\r\n        if (paramsInfo[0] == \"keywords\") {\r\n          // 搜索关键词\r\n          if (paramsInfo.length == 2) {\r\n            this.info.keywords = paramsInfo[1];\r\n          } else {\r\n            this.info.keywords = \"\";\r\n          }\r\n        }\r\n\r\n        //按分类\r\n        if (paramsInfo[0] == \"class_id\") {\r\n          if (paramsInfo.length == 2) {\r\n            this.info.class_info = [paramsInfo[1]];\r\n          } else {\r\n            this.info.class_info = [];\r\n          }\r\n        }\r\n        if (paramsInfo[0] == \"brand_id\") {\r\n          if (paramsInfo.length == 2) {\r\n            this.info.goods_brand = paramsInfo[1];\r\n          } else {\r\n            this.info.brand_id = 0;\r\n          }\r\n        }\r\n        if (paramsInfo[0] == \"goods_type\") {\r\n          if (paramsInfo.length == 2) {\r\n            this.info.goods_type = paramsInfo[1];\r\n          } else {\r\n            this.info.goods_type = 0;\r\n          }\r\n        }\r\n        if (paramsInfo[0] == \"order_type\") {\r\n          if (paramsInfo.length == 2) {\r\n            this.info.order_type = paramsInfo[1];\r\n          } else {\r\n            this.info.order_type = 0;\r\n          }\r\n        }\r\n      });\r\n      this.search_goods();\r\n    },\r\n  },\r\n  created() {\r\n    this.get_goods_class_list();\r\n    this.get_brand_list();\r\n    this.get_search_where();\r\n  },\r\n  beforeRouteUpdate: function(to, from, next) {\r\n    // console.log(to,from)\r\n    if (to.path != from.path) {\r\n      this.get_search_where(to.params.info);\r\n    }\r\n    // don't forget to call next()\r\n    next();\r\n  },\r\n  mounted() {},\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.goods_sort_top {\r\n  position: relative;\r\n  color: #666;\r\n  i {\r\n    position: absolute;\r\n    right: -16px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n.goods_sort_bottom {\r\n  position: relative;\r\n  color: #666;\r\n  i {\r\n    position: absolute;\r\n    right: -16px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n.mbx {\r\n  margin: 20px auto;\r\n}\r\n.goods_where {\r\n  border: 1px solid #efefef;\r\n  line-height: 50px;\r\n  font-size: 14px;\r\n  .goods_cat_list {\r\n    border-bottom: 1px solid #efefef;\r\n    padding-left: 20px;\r\n    .goods_cat_title {\r\n      float: left;\r\n      margin-right: 20px;\r\n    }\r\n    ul {\r\n      float: left;\r\n    }\r\n    ul.goods_sort_ul {\r\n      li {\r\n        margin-right: 30px;\r\n      }\r\n    }\r\n    ul li {\r\n      float: left;\r\n      color: #666;\r\n      margin-right: 20px;\r\n      a {\r\n        color: #666;\r\n      }\r\n      a:hover {\r\n        color: #ca151e;\r\n      }\r\n    }\r\n    li:hover {\r\n      color: #ca151e;\r\n    }\r\n    ul li.font_color {\r\n      color: #ca151e;\r\n    }\r\n  }\r\n  .goods_cat_list:after {\r\n    content: \"\";\r\n    clear: both;\r\n    display: block;\r\n  }\r\n  .goods_cat_list:last-child {\r\n    border-bottom: none;\r\n  }\r\n}\r\n.goods_list {\r\n  margin: 40px auto;\r\n  .goods_list_item {\r\n    float: left;\r\n    width: 224px;\r\n    height: 364px;\r\n    box-sizing: border-box;\r\n    margin: 0 20px 20px 0;\r\n    dl {\r\n      border: 1px solid #efefef;\r\n      box-sizing: border-box;\r\n      width: 224px;\r\n      height: 364px;\r\n      -webkit-transition: all 0.2s linear;\r\n      transition: all 0.2s linear;\r\n      .el-image {\r\n        width: 180px;\r\n        height: 180px;\r\n        margin: 30px auto 25px auto;\r\n        display: block;\r\n      }\r\n    }\r\n    dl dt img {\r\n      width: 180px;\r\n      height: 180px;\r\n      margin: 30px auto 25px auto;\r\n      display: block;\r\n    }\r\n    dl dd {\r\n      font-size: 14px;\r\n    }\r\n    dl dd.title {\r\n      color: #000;\r\n      height: 36px;\r\n      text-align: center;\r\n      padding: 0 15px;\r\n      overflow: hidden;\r\n    }\r\n    dl dd.price {\r\n      color: #e01d20;\r\n      line-height: 50px;\r\n      text-align: center;\r\n      padding: 0 15px;\r\n      font-size: 20px;\r\n      overflow: hidden;\r\n    }\r\n    dl dd span:first-child {\r\n      box-sizing: border-box;\r\n      border-right: 1px solid #efefef;\r\n    }\r\n    dl dd span:first-child:hover {\r\n      color: #fff;\r\n      background: #ca151e;\r\n    }\r\n    dl dd span {\r\n      width: 50%;\r\n      display: block;\r\n      border-top: 1px solid #efefef;\r\n      float: left;\r\n      line-height: 41px;\r\n      text-align: center;\r\n    }\r\n  }\r\n  .goods_list_item:nth-child(5n) {\r\n    margin-right: 0;\r\n  }\r\n  // .goods_list_item:hover{\r\n  //     // border:1px solid #ca151e;\r\n  // }\r\n  .goods_list_item:hover dl {\r\n    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n    margin-top: -3px;\r\n  }\r\n}\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=76634c06&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=76634c06&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  \"76634c06\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}