{"version":3,"sources":["webpack:///./src/components/gSwiper/gSwiper2.vue?bdb5","webpack:///./src/components/gSwiper/gSwiper2.vue?5625","webpack:///src/components/gSwiper/gSwiper2.vue","webpack:///./src/components/gSwiper/gSwiper2.vue?6115","webpack:///./src/components/gSwiper/gSwiper2.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","swiperOption","_l","item","index","key","style","maxHeight","maxH","path","on","$event","linkTo","staticRenderFns","name","props","arr","type","default","data","spaceBetween","loop","autoplay","pagination","el","clickable","contentList","id","url","adList","computed","swiper","$refs","mySwiper","created","methods","link","window","component"],"mappings":"m8mUAAA,W,kCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,SAAS,CAACG,IAAI,WAAWC,MAAM,CAAC,QAAUR,EAAIS,eAAeT,EAAIU,GAAIV,EAAU,QAAE,SAASW,EAAKC,GAAO,OAAOR,EAAG,eAAe,CAACS,IAAID,GAAO,CAACR,EAAG,MAAM,CAACU,MAAM,CAAEC,UAAWf,EAAIgB,MAAOR,MAAM,CAAC,IAAMG,EAAKM,MAAMC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,OAAOT,YAAc,IAAI,IACjZU,EAAkB,G,kCCWP,GACbC,KAAMA,UACNC,MAAOA,CACLC,IAAKA,CACHC,KAAMA,MACNC,QAASA,IAEXV,KAAMA,CACJS,KAAMA,OACNC,QAASA,UAGbC,KAZF,WAaI,MAAO,CACLlB,aAAcA,CACZmB,aAAcA,EACdC,MAAMA,EACNC,UAAUA,EACVC,WAAYA,CACVC,GAAIA,qBACJC,WAAWA,IAGfC,YAAaA,CACnB,CAAQC,GAARA,EAAQC,IAARA,IACA,CAAQD,GAARA,EAAQC,IAARA,IACA,CAAQD,GAARA,EAAQC,IAARA,IACA,CAAQD,GAARA,EAAQC,IAARA,KAEMC,OAAQA,KAGZC,SAAUA,CACRC,OADJ,WAEM,OAAOtC,KAAKuC,MAAMC,SAASF,SAG/BG,QArCF,uJAsCA,kBACA,sBAvCA,wGA0CEC,QAASA,CACPvB,OADJ,SACAT,GACUA,EAAKiC,MACPC,OAAOA,KAAKA,EAAKA,SCzDwU,I,wBCQ7VC,EAAY,eACd,EACA/C,EACAsB,GACA,EACA,KACA,KACA,MAIa,OAAAyB,E","file":"static/js/chunk-6bb34730.60c6da87.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!./gSwiper2.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"gSwiperBox\"},[_c('swiper',{ref:\"mySwiper\",attrs:{\"options\":_vm.swiperOption}},_vm._l((_vm.adList),function(item,index){return _c('swiper-slide',{key:index},[_c('img',{style:({maxHeight: _vm.maxH}),attrs:{\"src\":item.path},on:{\"click\":function($event){return _vm.linkTo(item)}}})])}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"gSwiperBox\">\r\n    <swiper :options=\"swiperOption\" ref=\"mySwiper\"> \r\n      <swiper-slide v-for=\"(item,index) in adList\" :key=\"index\" >\r\n        <img :src=\"item.path\" @click=\"linkTo(item)\" :style=\"{maxHeight: maxH}\">\r\n      </swiper-slide> \r\n    </swiper>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nexport default {\r\n  name: \"gSwiper\",\r\n  props: {\r\n    arr: {\r\n      type: Array,\r\n      default: []\r\n    },\r\n    maxH: {\r\n      type: String,\r\n      default: '192px',\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      swiperOption: { \r\n        spaceBetween: 0,\r\n        loop: true,\r\n        autoplay: true,\r\n        pagination: {\r\n          el: \".swiper-pagination\",\r\n          clickable: true\r\n        }\r\n      },\r\n      contentList: [\r\n        { id: 1, url: \"\" },\r\n        { id: 2, url: \"\" },\r\n        { id: 3, url: \"\" },\r\n        { id: 4, url: \"\" }\r\n      ],\r\n      adList: []\r\n    };\r\n  },\r\n  computed: { \r\n    swiper() {\r\n      return this.$refs.mySwiper.swiper;\r\n    }\r\n  },\r\n  async created() { \r\n    if(this.arr.length) {\r\n      this.adList = this.arr;\r\n    }\r\n  }, \r\n  methods: { \r\n    linkTo(item) {\r\n      if (item.link) {\r\n        window.open(item.link);\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.swiper-slide {\r\n  img {\r\n    width: 100%;\r\n    // max-height: 192px;\r\n  }\r\n} \r\n.gSwiperBox .swiper-container {\r\n  font-size: 0; \r\n}\r\n.gSwiperBox .swiper-pagination {\r\n  font-size: 0;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  padding-right: 18px;\r\n  bottom: 22px;\r\n  .swiper-pagination-bullet {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 0;\r\n    background-color: #ddd;\r\n    opacity: 1;\r\n  }\r\n  .swiper-pagination-bullet-active {\r\n    background-color: #ed6e02;\r\n    opacity: 1;\r\n  }\r\n}\r\n</style>","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!./gSwiper2.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!./gSwiper2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./gSwiper2.vue?vue&type=template&id=36c80b42&\"\nimport script from \"./gSwiper2.vue?vue&type=script&lang=js&\"\nexport * from \"./gSwiper2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./gSwiper2.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}