{"version":3,"sources":["webpack:///./src/components/imgMainHot.vue?306b","webpack:///src/components/imgMainHot.vue","webpack:///./src/components/imgMainHot.vue?02c4","webpack:///./src/components/imgMainHot.vue","webpack:///./src/components/imgMainHot.vue?84fa"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","attrs","name","query","id","item","goods_id","params","cate_id","cat_id","directives","rawName","value","goods_images","expression","_v","_s","goods_name","goods_brief","show_price","powerPrice","shop_price","_e","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gCAAgCC,MAAOP,EAAa,WAAG,CAACI,EAAG,cAAc,CAACE,YAAY,oCAAoCE,MAAM,CAAC,GAAK,CAACC,KAAM,UAAWC,MAAM,CAACC,GAAIX,EAAIY,KAAKC,UAAUC,OAAO,CAACC,QAAQf,EAAIY,KAAKI,WAAW,CAACZ,EAAG,MAAM,CAACa,WAAW,CAAC,CAACR,KAAK,OAAOS,QAAQ,SAASC,MAAOnB,EAAIY,KAAKQ,aAAa,GAAIC,WAAW,yBAAyBb,MAAM,CAAC,IAAM,QAAQJ,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAACF,EAAG,cAAc,CAACE,YAAY,sCAAsCE,MAAM,CAAC,GAAK,CAACC,KAAM,UAAWC,MAAM,CAACC,GAAIX,EAAIY,KAAKC,UAAUC,OAAO,CAACC,QAAQf,EAAIY,KAAKI,WAAW,CAAChB,EAAIsB,GAAG,iBAAiBtB,EAAIuB,GAAGvB,EAAIY,KAAKY,YAAY,gBAAgBpB,EAAG,IAAI,CAACE,YAAY,0CAA0C,CAACN,EAAIsB,GAAG,iBAAiBtB,EAAIuB,GAAGvB,EAAIY,KAAKa,aAAa,gBAAiBzB,EAAI0B,YAAc1B,EAAI2B,WAAYvB,EAAG,IAAI,CAACE,YAAY,uCAAuC,CAACN,EAAIsB,GAAG,iBAAiBtB,EAAIuB,GAAGvB,EAAIY,KAAKgB,YAAY,gBAAgB5B,EAAI6B,MAAM,IAAI,IACtjCC,EAAkB,G,ooBC6BtB,OACE,MAAF,qBACE,SAAF,OACA,gBACI,WAAJ,YAAM,OAAN,iBAEA,gBACA,iBCrCwb,I,wBCQpbC,EAAY,eACd,EACAhC,EACA+B,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,kECnBf,yBAA+kB,EAAG","file":"js/chunk-1775b6fc.e34543bd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-banner-hot-carousel-item\",style:(_vm.hotBorder)},[_c('router-link',{staticClass:\"main-banner-hot-carousel-item-img\",attrs:{\"to\":{name: 'pdetail', query:{id: _vm.item.goods_id},params:{cate_id:_vm.item.cat_id}}}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.item.goods_images[0]),expression:\"item.goods_images[0]\"}],attrs:{\"alt\":\"\"}})]),_c('div',{staticClass:\"main-banner-hot-carousel-item-text\"},[_c('router-link',{staticClass:\"main-banner-hot-carousel-item-title\",attrs:{\"to\":{name: 'pdetail', query:{id: _vm.item.goods_id},params:{cate_id:_vm.item.cat_id}}}},[_vm._v(\"\\n            \"+_vm._s(_vm.item.goods_name)+\"\\n        \")]),_c('p',{staticClass:\"main-banner-hot-carousel-item-subTitle\"},[_vm._v(\"\\n            \"+_vm._s(_vm.item.goods_brief)+\"\\n        \")]),(_vm.show_price && _vm.powerPrice)?_c('p',{staticClass:\"main-banner-hot-carousel-item-price\"},[_vm._v(\"\\n            \"+_vm._s(_vm.item.shop_price)+\"\\n        \")]):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"main-banner-hot-carousel-item\"\r\n        :style=\"hotBorder\">\r\n        <!-- 图片 -->\r\n        <router-link \r\n            :to=\"{name: 'pdetail', query:{id: item.goods_id},params:{cate_id:item.cat_id}}\"\r\n            class=\"main-banner-hot-carousel-item-img\">\r\n            <img v-lazy=\"item.goods_images[0]\" alt=\"\">\r\n        </router-link>\r\n        <div class=\"main-banner-hot-carousel-item-text\">\r\n            <!-- 标题 -->\r\n            <router-link :to=\"{name: 'pdetail', query:{id: item.goods_id},params:{cate_id:item.cat_id}}\"\r\n                class=\"main-banner-hot-carousel-item-title\">\r\n                {{item.goods_name}}\r\n            </router-link>\r\n            <!-- 副标题 -->\r\n            <p class=\"main-banner-hot-carousel-item-subTitle\">\r\n                {{item.goods_brief}}\r\n            </p>\r\n            <!-- 价格 -->\r\n            <p class=\"main-banner-hot-carousel-item-price\" v-if=\"show_price && powerPrice\">\r\n                {{item.shop_price}}\r\n            </p>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n    props: [ \"item\", \"hotBorder\" ],\r\n    computed: {\r\n        ...mapState({\r\n            show_price: state => state.show_price\r\n        }),\r\n        ...mapGetters([\r\n            'powerPrice',\r\n        ])\r\n    },\r\n}\r\n</script>\r\n\r\n<style>\r\n/* 每个项目的样式 */\r\n.main-banner-hot-carousel-item{\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: 1px solid transparent;\r\n    width: 210px;\r\n    height: 360px;\r\n    background-color: #fafafa\r\n}\r\n/* 项目悬停样式 */\r\n.main-banner-hot-carousel-item:hover{\r\n     box-shadow:0 0 20px #ffac13;\r\n}\r\n/* 图片 */\r\n.main-banner-hot-carousel-item-img{\r\n    position: relative;\r\n    display: block;\r\n}\r\n.main-banner-hot-carousel-item-img::before{\r\n    display: block;\r\n    content: \"\";\r\n    padding-top: 100%;\r\n}\r\n/* 图片样式与动画 */\r\n.main-banner-hot-carousel-item-img>img{\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    max-width: 90%;\r\n    max-height: 90%;\r\n}\r\n\r\n/* 文字容器 */\r\n.main-banner-hot-carousel-item-text{\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    padding: 10px;\r\n}\r\n/* 标题 */\r\n.main-banner-hot-carousel-item-title{\r\n    display: block;\r\n    color: #333;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n}\r\n/* 副标题 */\r\n.main-banner-hot-carousel-item-subTitle{\r\n    width: 100%;\r\n    text-overflow: ellipsis;\r\n    white-space:nowrap;\r\n    overflow: hidden;\r\n    color: #b0b0b6;\r\n}\r\n/* 价格 */\r\n.main-banner-hot-carousel-item-price{\r\n    color: #ff6709;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../node_modules/_babel-loader@8.1.0@babel-loader/lib/index.js!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../node_modules/_vue-loader@15.9.3@vue-loader/lib/index.js??vue-loader-options!./imgMainHot.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../node_modules/_babel-loader@8.1.0@babel-loader/lib/index.js!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../node_modules/_vue-loader@15.9.3@vue-loader/lib/index.js??vue-loader-options!./imgMainHot.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./imgMainHot.vue?vue&type=template&id=7e23289f&\"\nimport script from \"./imgMainHot.vue?vue&type=script&lang=js&\"\nexport * from \"./imgMainHot.vue?vue&type=script&lang=js&\"\nimport style0 from \"./imgMainHot.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/_vue-loader@15.9.3@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/_mini-css-extract-plugin@0.8.2@mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/_css-loader@1.0.1@css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/_vue-loader@15.9.3@vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../node_modules/_vue-loader@15.9.3@vue-loader/lib/index.js??vue-loader-options!./imgMainHot.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/_mini-css-extract-plugin@0.8.2@mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/_css-loader@1.0.1@css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/_vue-loader@15.9.3@vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../node_modules/_vue-loader@15.9.3@vue-loader/lib/index.js??vue-loader-options!./imgMainHot.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}