{"version":3,"sources":["webpack:///./src/assets/homeImage/test.png","webpack:///./src/assets/homeImage/customer_service.png","webpack:///./src/views/home/children/ProductList.vue?d9cd","webpack:///src/views/home/children/ProductList.vue","webpack:///./src/views/home/children/ProductList.vue?7ae5","webpack:///./src/views/home/children/ProductList.vue?0950","webpack:///./src/views/home/children/ProductList.vue?feb9","webpack:///./src/assets/homeImage/scenic_spot_description_bg.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","merchantInfo","attrs","ref","staticStyle","on","targetLink","bannelList","optionLeft","style","seamWidth","_l","item","index","key","ImgUrl","LinkUrl","LinkProduct","_v","_s","BannelName","_e","model","value","callback","$$v","activeTypeName","expression","TitleCode","TitleName","ProductName","IsRundAnyTime","WaitHour","ProductIntroduce","ProductSellPrice","TicketPrice","$event","subscribe","ProductID","count","pageNum","changePage","PersonalCancerlImg","B2CName","Remark","CustomerPhone","PublicImg","WxName","staticRenderFns","component"],"mappings":"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","file":"js/chunk-f9426fa2.4154f332.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/test.50b386d6.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAES0lEQVRYR81YzUsrVxQ/N5+ahMTE4EcmNVFhRiuCC1MQVBC7KK8t+F5FVOiyvEX7D7SLLrroX9BNqCu71fcWpUG01UXVxcumIogzUk3UUdCYEEki+bzlDCbkxSRzk1chZzfMuef87rm/83EvgSZFkqQBAPiYEOIpFApWNKPRaO4ppWEAOOJ5/rQZ06SRRaIoThJCvgaAF1qt1m00GkGv1yMQxUyhUIBsNgvpdBry+fwlAAQopb8JgrDL6ocJ0PHx8WeEkJ8MBoPPZrNRi8VCEEg9QWCJRILG43GSyWSClNIfh4aGNtSA1QUkiqKTEOLX6/UvnU4nsVgsavaq/k8kEhCJRGg2m31LKX0tCEKklqGagERR/AQA3jgcDq6zsxMIYQpmTcCUUri7u4NoNCoDwCtBEN5VU67qRZKkTwkhb3t7e81ms/nDkFR4TSaT9Pr6Okkpfcnz/J+VoJ44w8hoNJq/OI6ztLe3N3VEaoseHh5AluVEoVCYrYzUe4CQMwDwD8dxrv87MpUgMVKyLF8BwFg5p94DJEnSut1uf+V0Iq7nl0gkArFY7A3P818VvZUAYWobjcaAx+MhH0pg1q0g0cPhME2n0y+KJaEESBTFdy6Xy8ea2siDg4MDCIVCWG9Ap9NBT08PjI6OAsdxrJiUtVdXV0FBEDCrQQGEFdhgMPzt9XqZDN3c3MDm5ibwPA+CIIDVaoVcLgcXFxcQDAahr68PJiYmmGyhEm4qk8lMYUVXAEmS5Hc6nd/Y7XbVFE+lUrC+vg6zs7PgcrmeOMUKHQgEYGBgQIkWi8RiMRqJRH7lef51MUKX/f39nFo7QOO7u7vQ1tYG4+PjNX0lk0lYW1uD5eVlpdepCW7i7OxMFgTBTbBra7Xaf3FHLLK6ugrz8/NgMpnqqm9tbcHg4KASKRY5PT3FhjyIgL4wmUy/qxExn88rJEaODA8Pw/T0dE0/4XAY9vf3wWw2w+TkJDgcDlVMsixDKpX6kpycnHxrtVp/6erqqrtoZ2cHya/o2Gw2WFpaqql/eHgIe3t7yn+DwQCLi4uqEcVEub+//46Iovi9w+H4Wa0YrqysKJnUKCDUn5mZUbKxnmCRjEajPzAD8vv9gIWsGUBTU1MwMjLCBoj1yDDVb29vmwI0NzenFM16UjoyVlJjSDFz4vE4M4e0Wi2MjY2Bz+djJ3WjaY/zMh4d1qJaglzb3t5WeOPxeFTBoEIp7fFDkqQLr9frZiliLNZjsRhsbGzAwsICYJTUBAtjKBS65Hn+o4Zbh5pxHFOxzyGR3W63mrryv1rraKi5Vno5OjoC7P6P840CRq3Qltt40lzxZ6PjR7nB8/NzwP7V0dEB3d3dpXsaS3iqjh+4sOUGtEdyt84I+3hsrTXkP4JqnWtQkYQtdVEsgmqpq3QZqNZ5bCivIS3zHFNZ2IoPVpTSz3U6HVfvwSqXy8mEkD+e5cGqWsV9rie9/wDaWp5Xwsh+BAAAAABJRU5ErkJggg==\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"middle\"},[(_vm.merchantInfo.IsStartBannel)?_c('el-row',{attrs:{\"type\":\"flex\",\"justify\":\"center\"}},[_c('el-col',{ref:\"carouseldom\",staticClass:\"carousel-d\",attrs:{\"span\":20}},[_c('div',{staticStyle:{\"width\":\"100%\"},on:{\"click\":_vm.targetLink}},[_c('vue-seamless-scroll',{staticClass:\"seamless-warp\",attrs:{\"data\":_vm.bannelList,\"class-option\":_vm.optionLeft}},[_c('ul',{staticClass:\"scroll-list\",style:((\"width:\" + _vm.seamWidth + \"px\"))},_vm._l((_vm.bannelList),function(item,index){return _c('li',{key:index},[_c('img',{attrs:{\"src\":item.ImgUrl,\"data-url\":item.LinkUrl,\"data-product\":item.LinkProduct}}),_c('span',{staticClass:\"bannel-title\"},[_vm._v(_vm._s(item.BannelName))])])}),0)])],1)])],1):_vm._e(),_c('el-row',{staticStyle:{\"margin-bottom\":\"50px\"},attrs:{\"gutter\":10}},[_c('div',{staticClass:\"scenic-spot-content\"},[_c('el-col',{attrs:{\"span\":16}},[_c('div',{staticClass:\"scenic-spot-l\"},[_c('el-radio-group',{model:{value:(_vm.activeTypeName),callback:function ($$v) {_vm.activeTypeName=$$v},expression:\"activeTypeName\"}},_vm._l((_vm.typeList),function(item,index){return _c('el-radio-button',{key:index,attrs:{\"label\":item.TitleCode}},[_vm._v(_vm._s(item.TitleName))])}),1),_vm._l((_vm.productList),function(item,index){return _c('div',{key:index,staticClass:\"pro-list\"},[_c('div',{staticClass:\"list-img\"},[_c('img',{attrs:{\"src\":item.ImgUrl}})]),_c('div',{staticClass:\"list-right\"},[_c('div',{staticClass:\"list-name\"},[_vm._v(_vm._s(item.ProductName))]),_c('div',{staticClass:\"list-discount-type\"},[_c('div',{staticClass:\"list-type list-type-g\"},[_vm._v(_vm._s(item.IsRundAnyTime?'随时退':'规则退'))]),_c('div',{staticClass:\"list-type list-type-r\"},[_vm._v(_vm._s(item.WaitHour==0?'随时用':('延时'+item.WaitHour+'小时使用')))]),(item.IsCheckPerson)?_c('div',{staticClass:\"list-type list-type-b\"},[_vm._v(\"身份证入园\")]):_vm._e()]),_c('div',{staticClass:\"list-explain\"},[_vm._v(_vm._s(item.ProductIntroduce!=''?item.ProductIntroduce:'暂无详情'))]),_c('div',{staticClass:\"list-price\"},[_c('div',{staticClass:\"price-discount\"},[_vm._v(\"￥\"+_vm._s(item.ProductSellPrice))]),_c('div',{staticClass:\"price-original\"},[_vm._v(\"￥\"+_vm._s(item.TicketPrice))])]),_c('div',{staticClass:\"list-button\"},[_c('el-button',{attrs:{\"type\":\"primary\",\"plain\":\"\"},on:{\"click\":function($event){return _vm.subscribe(item.ProductID)}}},[_vm._v(\"立即预订\")])],1)])])}),_c('section',{staticClass:\"pagination-wrapper\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"total, prev, pager, next, jumper\",\"hide-on-single-page\":\"\",\"total\":_vm.count,\"current-page\":_vm.pageNum},on:{\"current-change\":_vm.changePage}})],1)],2)]),_c('el-col',{attrs:{\"span\":4}},[_c('div',{staticClass:\"scenic-spot-r\"},[_c('div',{staticClass:\"scenic-top\"},[_c('img',{staticClass:\"scenic-information-img\",attrs:{\"src\":_vm.merchantInfo.PersonalCancerlImg}}),_c('div',{staticClass:\"scenic-name\"},[_vm._v(_vm._s(_vm.merchantInfo.B2CName))]),_c('div',{staticClass:\"scenic-introduction\"},[_vm._v(\"\\n                \"+_vm._s(_vm.merchantInfo.Remark)+\"\\n              \")]),_c('div',{staticClass:\"scenic-telephone-d\"},[_c('div',{staticClass:\"scenic-telephone-img-d\"},[_c('img',{staticClass:\"scenic-telephone-img\",attrs:{\"src\":require(\"../../../assets/homeImage/customer_service.png\")}})]),_c('div',{staticClass:\"scenic-telephone-value\"},[_c('div',{staticClass:\"scenic-telephone-name\"},[_vm._v(\"全国服务热线\")]),_c('div',{staticClass:\"scenic-telephone-num\"},[_vm._v(_vm._s(_vm.merchantInfo.CustomerPhone))])])])]),_c('div',{staticClass:\"scenic-bottom\"},[_c('div',{staticClass:\"qr-code\"},[_c('img',{staticClass:\"qr-code-img\",attrs:{\"src\":_vm.merchantInfo.PublicImg}}),_c('div',{staticClass:\"qr-code-name\"},[_vm._v(\"订阅号：\"+_vm._s(_vm.merchantInfo.WxName))])])])])])],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content\">\r\n    <div class=\"middle\">\r\n      <el-row type=\"flex\" justify=\"center\" v-if=\"merchantInfo.IsStartBannel\">\r\n        <el-col :span=\"20\" class=\"carousel-d\" ref=\"carouseldom\">\r\n          <div style=\"width:100%\" @click=\"targetLink\">\r\n            <vue-seamless-scroll :data=\"bannelList\" :class-option=\"optionLeft\" class=\"seamless-warp\">\r\n              <ul class=\"scroll-list\" :style=\"`width:${seamWidth}px`\">\r\n                <li v-for=\"(item,index) in bannelList\" :key=\"index\">\r\n                  <img :src=\"item.ImgUrl\" :data-url=\"item.LinkUrl\" :data-product=\"item.LinkProduct\">\r\n                  <span class=\"bannel-title\">{{item.BannelName}}</span>\r\n                </li>\r\n              </ul>\r\n            </vue-seamless-scroll>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n      <el-row :gutter=\"10\" style=\"margin-bottom:50px\">\r\n        <div class=\"scenic-spot-content\">\r\n          <el-col :span=\"16\">\r\n            <div class=\"scenic-spot-l\">\r\n              <el-radio-group v-model=\"activeTypeName\">\r\n                <el-radio-button :label=\"item.TitleCode\" v-for=\"(item,index) in typeList\" :key=\"index\">{{item.TitleName}}</el-radio-button>\r\n              </el-radio-group>\r\n              <div class=\"pro-list\" v-for=\"(item,index) in productList\" :key=\"index\">\r\n                <div class=\"list-img\">\r\n                  <img :src=\"item.ImgUrl\">\r\n                </div>\r\n                <div class=\"list-right\">\r\n                  <div class=\"list-name\">{{item.ProductName}}</div>\r\n                  <div class=\"list-discount-type\">\r\n                    <div class=\"list-type list-type-g\">{{item.IsRundAnyTime?'随时退':'规则退'}}</div>\r\n                    <div class=\"list-type list-type-r\">{{item.WaitHour==0?'随时用':('延时'+item.WaitHour+'小时使用')}}</div>\r\n                    <div class=\"list-type list-type-b\" v-if=\"item.IsCheckPerson\">身份证入园</div>\r\n                  </div>\r\n                  <div class=\"list-explain\">{{item.ProductIntroduce!=''?item.ProductIntroduce:'暂无详情'}}</div>\r\n                  <div class=\"list-price\">\r\n                    <div class=\"price-discount\">￥{{item.ProductSellPrice}}</div>\r\n                    <div class=\"price-original\">￥{{item.TicketPrice}}</div>\r\n                  </div>\r\n                  <div class=\"list-button\">\r\n                    <el-button type=\"primary\" plain @click=\"subscribe(item.ProductID)\">立即预订</el-button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <section class=\"pagination-wrapper\">\r\n                <el-pagination background layout=\"total, prev, pager, next, jumper\" hide-on-single-page :total=\"count\" :current-page=\"pageNum\" @current-change=\"changePage\">\r\n                </el-pagination>\r\n              </section>\r\n            </div>\r\n\r\n          </el-col>\r\n          <el-col :span=\"4\">\r\n            <div class=\"scenic-spot-r\">\r\n              <div class=\"scenic-top\">\r\n                <img :src=\"merchantInfo.PersonalCancerlImg\" class=\"scenic-information-img\" />\r\n                <div class=\"scenic-name\">{{merchantInfo.B2CName}}</div>\r\n                <div class=\"scenic-introduction\">\r\n                  {{merchantInfo.Remark}}\r\n                </div>\r\n                <div class=\"scenic-telephone-d\">\r\n                  <div class=\"scenic-telephone-img-d\">\r\n                    <img class=\"scenic-telephone-img\" src=\"../../../assets/homeImage/customer_service.png\" />\r\n                  </div>\r\n\r\n                  <div class=\"scenic-telephone-value\">\r\n                    <div class=\"scenic-telephone-name\">全国服务热线</div>\r\n                    <div class=\"scenic-telephone-num\">{{merchantInfo.CustomerPhone}}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"scenic-bottom\">\r\n                <div class=\"qr-code\">\r\n                  <img class=\"qr-code-img\" :src=\"merchantInfo.PublicImg\" />\r\n                  <div class=\"qr-code-name\">订阅号：{{merchantInfo.WxName}}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </el-col>\r\n        </div>\r\n      </el-row>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex'\r\nexport default {\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tactiveTypeName: 1, //当前激活的类型\r\n\t\t\ttypeList: [], //产品类型\r\n\t\t\tlistImgError: require('../../../assets/homeImage/test.png'), //产品图---无用  v-for对接可删掉\r\n\t\t\tproductList: [], //产品列表\r\n\t\t\tcount: 1, //产品总数\r\n\t\t\tpageNum: 1, //当前页码\r\n\t\t\tbannelList: [\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: require('../../../assets/homeImage/test.png')\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: require('../../../assets/homeImage/scenic_spot_description_bg.png')\r\n\t\t\t\t}\r\n\t\t\t], //轮播图循环\r\n\t\t\tseamWidth: 0 //根据生成的外层dom元素宽度赋值\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapState({\r\n\t\t\t//解构store仓库数据\r\n\t\t\tmerchantInfo: state => state.merchantInfo\r\n\t\t}),\r\n\t\t//无缝轮播插件配置\r\n\t\toptionLeft() {\r\n\t\t\treturn {\r\n\t\t\t\tdirection: 2,\r\n\t\t\t\tlimitMoveNum: 1\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tmounted() {\r\n\t\tthis.getType()\r\n\t\tthis.seamWidth = this.$refs.carouseldom.$el.clientWidth\r\n\t\tthis.bannelList = this.merchantInfo.BannelList\r\n\t},\r\n\tmethods: {\r\n\t\t//获取类型\r\n\t\tgetType() {\r\n\t\t\tthis.$ajax.get('Product/TypeList', {}).then(res => {\r\n\t\t\t\tthis.typeList = res.Data || []\r\n\t\t\t\tthis.activeTypeName = this.typeList[0].TitleCode //存在监听事件---因此不必在此调用获取产品\r\n\t\t\t})\r\n\t\t},\r\n\t\t//获取当前类型下的产品\r\n\t\tgetProduct(TitleCode, pageNum) {\r\n\t\t\tthis.$ajax\r\n\t\t\t\t.get('Product/ProductList', {\r\n\t\t\t\t\tProdutType: TitleCode,\r\n\t\t\t\t\tPage: pageNum,\r\n\t\t\t\t\tRows: 10\r\n\t\t\t\t})\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tthis.count = res.RowsCount\r\n\t\t\t\t\tthis.productList = res.Data.Result_Data || []\r\n\t\t\t\t})\r\n\t\t},\r\n\t\t//立即购买\r\n\t\tsubscribe(proId) {\r\n\t\t\tthis.$router.push({ path: '/Home/Product/Detail', query: { id: proId } })\r\n\t\t},\r\n\t\t//切换页码\r\n\t\tchangePage(pageNum) {\r\n\t\t\tthis.pageNum = pageNum\r\n\t\t\tthis.getProduct(this.activeTypeName, this.pageNum)\r\n\t\t},\r\n\t\t//点击轮播跳转---获取点击对象实现监听\r\n\t\ttargetLink(e) {\r\n\t\t\tif (e.target.localName == 'img') {\r\n\t\t\t\tlet productId = e.target.dataset.product\r\n\t\t\t\tlet url = e.target.dataset.url\r\n\t\t\t\tif (url != '') {\r\n\t\t\t\t\twindow.open(url, '_blank')\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\twatch: {\r\n\t\t//监听类型切换\r\n\t\tactiveTypeName(v) {\r\n\t\t\tthis.getProduct(v, this.pageNum)\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.seamless-warp {\r\n\toverflow: hidden;\r\n\theight: 200px;\r\n\twidth: 100%;\r\n\t> div {\r\n\t\twidth: 100% !important;\r\n\t}\r\n\tul.scroll-list {\r\n\t\tdisplay: flex;\r\n\t\twidth: 100% !important;\r\n\t\tli {\r\n\t\t\twidth: 300px;\r\n\t\t\theight: 200px;\r\n\t\t\tmargin-right: 10px;\r\n\t\t\tposition: relative;\r\n\t\t\tcursor: pointer;\r\n\t\t\timg {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 200px;\r\n\t\t\t}\r\n\t\t\t.bannel-title {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\theight: 30px;\r\n\t\t\t\tline-height: 30px;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t\tletter-spacing: 2px;\r\n\t\t\t\tbackground: #ff8039;\r\n\t\t\t}\r\n\t\t}\r\n\t\tli:first-child {\r\n\t\t\tmargin-left: 10px;\r\n\t\t}\r\n\t}\r\n}\r\n.content {\r\n\theight: 100%;\r\n}\r\n.carousel-d {\r\n\tdisplay: flex;\r\n\tmargin-top: 50px;\r\n}\r\n.scenic-spot-content {\r\n\tmargin: 16px 0;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n}\r\n.scenic-spot-l {\r\n\tbackground: white;\r\n\tpadding: 25px 40px;\r\n\t.el-radio-group {\r\n\t\twidth: 100%;\r\n\t\tbackground: #ebf4f7;\r\n\t}\r\n}\r\n.qr-code {\r\n\ttext-align: center;\r\n\tmargin: 0 5px;\r\n}\r\n.pro-list {\r\n\tpadding: 25px 0;\r\n\tborder-bottom: 1px dashed rgb(197, 197, 197);\r\n\tposition: relative;\r\n}\r\n.list-img {\r\n\theight: 170px;\r\n\twidth: 300px;\r\n\tdisplay: inline-block;\r\n\ttransition: all 300ms;\r\n\toverflow: hidden;\r\n\timg {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttransition: all 0.3s;\r\n\t}\r\n\timg:hover {\r\n\t\ttransform: scale(1.4); //放大 倍数随意\r\n\t}\r\n}\r\n.list-right {\r\n\tdisplay: inline-block;\r\n\twidth: calc(100% - 300px);\r\n\tvertical-align: top;\r\n\tpadding: 0 16px;\r\n\tbox-sizing: border-box;\r\n}\r\n.list-name {\r\n\tfont-size: 26px;\r\n\tfont-family: SourceHanSansCN-Medium;\r\n\tfont-weight: 500;\r\n\tcolor: rgba(255, 128, 57, 1);\r\n}\r\n.list-discount-type {\r\n\twidth: 100%;\r\n\tmargin: 8px 0;\r\n}\r\n.list-type {\r\n\tbackground: rgba(245, 255, 238, 1);\r\n\tfont-size: 12px;\r\n\tfont-family: SourceHanSansCN-Medium;\r\n\tfont-weight: 500;\r\n\tdisplay: inline-block;\r\n\tpadding: 1px 3px;\r\n\tmargin-right: 8px;\r\n}\r\n.list-type-g {\r\n\tcolor: #5dc775;\r\n\tborder: 1px solid #5dc775;\r\n\tbackground: rgba(245, 255, 238, 1);\r\n}\r\n.list-type-r {\r\n\tcolor: #ff6666;\r\n\tborder: 1px solid #ff6666;\r\n\tbackground: rgba(255, 242, 242, 1);\r\n}\r\n.list-type-b {\r\n\tcolor: #5e99ff;\r\n\tborder: 1px solid #5e99ff;\r\n\tbackground: rgba(244, 248, 255, 1);\r\n}\r\n.list-explain {\r\n\tfont-size: 14px;\r\n\theight: 40px;\r\n\tfont-family: SourceHanSansCN-Medium;\r\n\tfont-weight: 500;\r\n\tcolor: rgba(153, 153, 153, 1);\r\n\t// display: -webkit-box;\r\n\t// -webkit-box-orient: vertical;\r\n\t// -webkit-line-clamp: 2;\r\n\toverflow: hidden;\r\n}\r\n.list-button {\r\n\ttext-align: right;\r\n\tmargin: 10px 0;\r\n\t.el-button--primary.is-plain {\r\n\t\tbackground-color: #fff;\r\n\t\tcolor: #5b94f8;\r\n\t\tborder-color: #5b94f8;\r\n\t}\r\n\t.el-button--primary.is-plain:hover {\r\n\t\tbackground-color: #5b94f8;\r\n\t\tcolor: #fff;\r\n\t\tborder-color: #5b94f8;\r\n\t}\r\n\t.el-button--primary.is-plain:active {\r\n\t\tbackground-color: #1364ef;\r\n\t\tborder-color: #1364ef;\r\n\t}\r\n\t.el-button--primary {\r\n\t\tbackground-color: #3680ff;\r\n\t\tborder-color: #3680ff;\r\n\t\tcolor: #fff;\r\n\t}\r\n\t.el-button--primary.to-detail:hover {\r\n\t\tbackground-color: #5b94f8;\r\n\t\tborder-color: #5b94f8;\r\n\t\tcolor: #fff;\r\n\t}\r\n\t.el-button--primary.to-detail:active {\r\n\t\tbackground-color: #1364ef;\r\n\t\tborder-color: #1364ef;\r\n\t}\r\n}\r\n.pagination-wrapper {\r\n\ttext-align: center;\r\n\tpadding: 15px 0 0 0;\r\n}\r\n.list-price {\r\n\tposition: absolute;\r\n\tpadding-top: 10px;\r\n}\r\n.price-discount {\r\n\tfont-size: 28px;\r\n\tfont-family: Roboto-Medium;\r\n\tfont-weight: 500;\r\n\tcolor: rgba(255, 82, 82, 1);\r\n\tdisplay: inline-block;\r\n\tmargin-right: 10px;\r\n}\r\n.price-original {\r\n\tfont-size: 16px;\r\n\tfont-family: PingFangSC-Medium;\r\n\tfont-weight: 500;\r\n\tcolor: rgba(204, 204, 204, 1);\r\n\tdisplay: inline-block;\r\n\ttext-decoration: line-through;\r\n}\r\n.scenic-spot-r {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n.scenic-top {\r\n\tbackground: rgb(255, 128, 57);\r\n\tdisplay: inline-block;\r\n\twidth: 100%;\r\n}\r\n.scenic-information-img {\r\n\twidth: 100%;\r\n\theight: auto;\r\n}\r\n.scenic-name {\r\n\tfont-size: 24px;\r\n\tfont-family: SourceHanSansCN-Medium;\r\n\tfont-weight: 500;\r\n\ttext-align: center;\r\n\tcolor: rgba(255, 255, 255, 1);\r\n}\r\n\r\n.scenic-introduction {\r\n\tmargin: 0 20px;\r\n\tfont-size: 14px;\r\n\tmin-height: 80px;\r\n\tfont-family: SourceHanSansCN-Regular;\r\n\tfont-weight: 400;\r\n\tcolor: rgba(255, 255, 255, 1);\r\n\tline-height: 29px;\r\n\ttext-align: left;\r\n\ttext-indent: 28px;\r\n}\r\n.scenic-telephone-d {\r\n\t// margin: 22px;\r\n\tbackground: white;\r\n\tdisplay: flex;\r\n\tpadding: 15px;\r\n}\r\n.scenic-telephone-img-d {\r\n\talign-items: center;\r\n\tdisplay: flex;\r\n}\r\n.scenic-telephone-img {\r\n\theight: 36px;\r\n\twidth: 36px;\r\n}\r\n.scenic-telephone-value {\r\n\tmargin-left: 5px;\r\n\ttext-align: left;\r\n}\r\n.scenic-telephone-name {\r\n\tfont-size: 12px;\r\n\tfont-family: SourceHanSansCN-Medium;\r\n\tfont-weight: 500;\r\n\tcolor: rgba(153, 153, 153, 1);\r\n\ttext-align: left;\r\n\tmargin-bottom: 6px;\r\n}\r\n.scenic-telephone-num {\r\n\tfont-size: 18px;\r\n\tfont-family: DINAlternate-Bold;\r\n\tfont-weight: bold;\r\n\tcolor: rgba(63, 134, 255, 1);\r\n\tletter-spacing: 3px;\r\n\ttext-align: left;\r\n}\r\n.scenic-bottom {\r\n\twidth: 100%;\r\n\tbackground: rgb(255, 128, 57);\r\n\tdisplay: inline-block;\r\n\tdisplay: flex;\r\n\theight: 160px;\r\n\tmargin-top: 13px;\r\n\tjustify-content: space-around;\r\n\talign-items: center;\r\n\tposition: relative;\r\n}\r\n.scenic-bottom:before {\r\n\tcontent: '';\r\n\tposition: absolute;\r\n\twidth: 7px;\r\n\theight: 31px;\r\n\tborder-radius: 4px;\r\n\ttop: -22px;\r\n\tright: 60px;\r\n\tbackground: white;\r\n}\r\n.scenic-bottom:after {\r\n\tcontent: '';\r\n\tposition: absolute;\r\n\twidth: 7px;\r\n\theight: 31px;\r\n\tborder-radius: 4px;\r\n\ttop: -22px;\r\n\tleft: 60px;\r\n\tbackground: white;\r\n}\r\n.qr-code {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n.qr-code-img {\r\n\tmax-width: 70%;\r\n\tmax-height: 70%;\r\n\tmargin-bottom: 1px;\r\n}\r\n.qr-code-name {\r\n\tfont-size: 14px;\r\n\tfont-family: SourceHanSansCN-Medium;\r\n\tfont-weight: 500;\r\n\tcolor: rgba(255, 255, 255, 1);\r\n}\r\n@media screen and (max-width: 1680px) and (min-width: 1381px) {\r\n\t.scenic-name {\r\n\t\tfont-size: 20px;\r\n\t}\r\n\t.scenic-telephone-num {\r\n\t\tfont-size: 14px;\r\n\t\tletter-spacing: 1px;\r\n\t}\r\n}\r\n@media screen and (max-width: 1380px) {\r\n\t.scenic-name {\r\n\t\tfont-size: 18px;\r\n\t}\r\n\t.scenic-telephone-num {\r\n\t\tfont-size: 12px;\r\n\t\tletter-spacing: 0px;\r\n\t}\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!./ProductList.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!./ProductList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductList.vue?vue&type=template&id=4bc533c6&scoped=true&\"\nimport script from \"./ProductList.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductList.vue?vue&type=style&index=0&id=4bc533c6&lang=less&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  \"4bc533c6\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductList.vue?vue&type=style&index=0&id=4bc533c6&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductList.vue?vue&type=style&index=0&id=4bc533c6&lang=less&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/scenic_spot_description_bg.af68e407.png\";"],"sourceRoot":""}