{"version":3,"sources":["webpack:///./src/components/Home/HomeTopic.vue?0ab8","webpack:///./src/components/Home/HomeTopic.vue","webpack:///src/components/Home/HomeTopic.vue","webpack:///./src/components/Home/HomeTopic.vue?9e3a","webpack:///./src/components/Home/HomeTopic.vue?3605","webpack:///./src/components/Home/HomeTopic.vue?6731"],"names":["render","_vm","this","_c","_self","staticClass","_v","ref","attrs","swiperOptions","_l","promoBanners","item","i","key","linkUrl","on","$event","onTopicClicked","mobileImage","length","slot","_e","staticRenderFns","name","components","Swiper","SwiperSlide","directives","swiper","directive","props","type","Array","default","data","pagination","el","loop","autoplay","delay","methods","getGioTitle","growingIOTitle","index","url","eventObject","gioAdsTracking","computed","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,KAAK,CAACE,YAAY,cAAc,CAACJ,EAAIK,GAAG,UAAUH,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACJ,EAAIK,GAAG,kBAAkBH,EAAG,SAAS,CAACI,IAAI,eAAeF,YAAY,wCAAwCG,MAAM,CAAC,QAAUP,EAAIQ,gBAAgB,CAACR,EAAIS,GAAIT,EAAIU,cAAc,SAASC,EAAKC,GAAG,OAAOV,EAAG,cAAc,CAACW,IAAID,EAAER,YAAY,yCAAyC,CAACF,EAAG,IAAI,CAACK,MAAM,CAAC,KAAOI,EAAKG,SAASC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIiB,eAAeL,EAAGD,EAAKG,YAAY,CAACZ,EAAG,MAAM,CAACK,MAAM,CAAC,IAAMI,EAAKO,sBAAsBlB,EAAIU,aAAaS,OAAS,EAAGjB,EAAG,MAAM,CAACI,IAAI,oBAAoBF,YAAY,oBAAoBG,MAAM,CAAC,KAAO,cAAca,KAAK,eAAepB,EAAIqB,MAAM,IAAI,IAEvxBC,EAAkB,G,oCC+BP,GACfC,KAAA,YACAC,WAAA,CACAC,mBACAC,8BAEAC,WAAA,CACAC,OAAAC,gBAEAC,MAAA,CACApB,aAAA,CACAqB,KAAAC,MACAC,YACA,KAIAC,OACA,OACA1B,cAAA,CACA2B,WAAA,CACAC,GAAA,sBAEAC,MAAA,EACAC,SAAA,CACAC,MAAA,QAKAC,QAAA,CACAC,YAAA7B,GACA,IAAA8B,EAAA,GAQA,OAPA,GAAA9B,EACA8B,EAAA,KACA,GAAA9B,EACA8B,EAAA,KACA,GAAA9B,IACA8B,EAAA,MAEAA,GAEAzB,eAAA0B,EAAAC,GACA,MAAAC,EAAA,CACA,aACA,QAAAF,EAAA,EACA,OAAAC,GAEAE,eAAAD,KAGAE,SAAA,ICpFiW,I,kCCS7VC,EAAY,eACd,EACAjD,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAA0B,E,gHCpBf","file":"js/chunk-a2ed0ee6.fcedd210.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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/style-resources-loader/lib/index.js??ref--6-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HomeTopic.vue?vue&type=style&index=0&id=e5fc59be&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"homepage-topics\"},[_c('h2',{staticClass:\"comm-title\"},[_vm._v(\"精选专题\")]),_c('h3',{staticClass:\"comm-subtitle\"},[_vm._v(\"我们是航海家，更是梦想家\")]),_c('Swiper',{ref:\"bannerSwiper\",staticClass:\"swiper-container swiper-topics topics\",attrs:{\"options\":_vm.swiperOptions}},[_vm._l((_vm.promoBanners),function(item,i){return _c('SwiperSlide',{key:i,staticClass:\"swiper-slide promoBannerLink external\"},[_c('a',{attrs:{\"href\":item.linkUrl},on:{\"click\":function($event){return _vm.onTopicClicked(i, item.linkUrl)}}},[_c('img',{attrs:{\"src\":item.mobileImage}})])])}),(_vm.promoBanners.length > 1)?_c('div',{ref:\"swiper-pagination\",staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"}):_vm._e()],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"homepage-topics\">\r\n    <h2 class=\"comm-title\">精选专题</h2>\r\n    <h3 class=\"comm-subtitle\">我们是航海家，更是梦想家</h3>\r\n    <Swiper\r\n      ref=\"bannerSwiper\"\r\n      :options=\"swiperOptions\"\r\n      class=\"swiper-container swiper-topics topics\"\r\n    >\r\n      <SwiperSlide\r\n        v-for=\"(item, i) in promoBanners\"\r\n        :key=\"i\"\r\n        class=\"swiper-slide promoBannerLink external\"\r\n      >\r\n        <a :href=\"item.linkUrl\" @click=\"onTopicClicked(i, item.linkUrl)\">\r\n          <img :src=\"item.mobileImage\" />\r\n        </a>\r\n      </SwiperSlide>\r\n      <div\r\n        ref=\"swiper-pagination\"\r\n        class=\"swiper-pagination\"\r\n        v-if=\"promoBanners.length > 1\"\r\n        slot=\"pagination\"\r\n      ></div>\r\n    </Swiper>\r\n  </div>\r\n</template>\r\n\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide, directive } from \"vue-awesome-swiper\";\r\nimport \"swiper/css/swiper.css\";\r\nimport { gioAdsTracking } from \"@/utilities/tools\";\r\nexport default {\r\n  name: \"HomeTopic\",\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n  },\r\n  directives: {\r\n    swiper: directive,\r\n  },\r\n  props: {\r\n    promoBanners: {\r\n      type: Array,\r\n      default: () => {\r\n        return [];\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      swiperOptions: {\r\n        pagination: {\r\n          el: \".swiper-pagination\",\r\n        },\r\n        loop: true,\r\n        autoplay: {\r\n          delay: 5000,\r\n        },\r\n      },\r\n    };\r\n  },\r\n  methods: {\r\n    getGioTitle(i) {\r\n      let growingIOTitle = \"\";\r\n      if (i == 0) {\r\n        growingIOTitle = \"左2\";\r\n      } else if (i == 1) {\r\n        growingIOTitle = \"中2\";\r\n      } else if (i == 2) {\r\n        growingIOTitle = \"右2\";\r\n      }\r\n      return growingIOTitle;\r\n    },\r\n\t\tonTopicClicked (index, url) {\r\n\t\t\tconst eventObject = {\r\n\t\t\t\t\"adsType\": \"ch\",\r\n\t\t\t\t\"chOrder\": index+1,\r\n\t\t\t\t\"desUrl\": url\r\n\t\t\t}\r\n\t\t\tgioAdsTracking(eventObject);\r\n\t\t}\r\n  },\r\n  computed: {},\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  font-family: PingFang-SC, Microsoft YaHei, Helvetica;\r\n  text-transform: uppercase;\r\n}\r\nimg {\r\n  display: block;\r\n}\r\n\r\n/*精选专题*/\r\n.comm-title {\r\n  width: 100%;\r\n  text-align: center;\r\n  font-size: 23px;\r\n  font-weight: bold;\r\n  color: #282b2c;\r\n  line-height: 33px;\r\n}\r\n.comm-subtitle {\r\n  width: 100%;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  color: #282b2c;\r\n  line-height: 22px;\r\n  text-align: center;\r\n  margin-bottom: 15px;\r\n}\r\n.homepage-topics {\r\n  margin-bottom: 45px;\r\n}\r\n.homepage-topics .swiper-container {\r\n  width: 375px;\r\n  height: 218px;\r\n}\r\n.homepage-topics .swiper-container .swiper-pagination-bullets {\r\n  bottom: -4px;\r\n}\r\n\r\n.homepage-topics .swiper-container .swiper-pagination {\r\n  /*margin-bottom: -34px;*/\r\n}\r\n.homepage-topics .swiper-container img {\r\n  width: 100%;\r\n  height: 200px;\r\n}\r\n</style>\r\n\r\n<style lang=\"less\">\r\n.homepage-topics\r\n  .swiper-container\r\n  .swiper-pagination\r\n  .swiper-pagination-bullet-active {\r\n  transform: scale(1.5);\r\n  background: #fbc500;\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!./HomeTopic.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!./HomeTopic.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HomeTopic.vue?vue&type=template&id=e5fc59be&scoped=true\"\nimport script from \"./HomeTopic.vue?vue&type=script&lang=js\"\nexport * from \"./HomeTopic.vue?vue&type=script&lang=js\"\nimport style0 from \"./HomeTopic.vue?vue&type=style&index=0&id=e5fc59be&prod&scoped=true&lang=css\"\nimport style1 from \"./HomeTopic.vue?vue&type=style&index=1&id=e5fc59be&prod&lang=less\"\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  \"e5fc59be\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./HomeTopic.vue?vue&type=style&index=1&id=e5fc59be&prod&lang=less\""],"sourceRoot":""}