{"version":3,"sources":["webpack:///./src/components/Home/HomeBannerKV.vue?042c","webpack:///./src/components/Home/HomeBannerKV.vue","webpack:///src/components/Home/HomeBannerKV.vue","webpack:///./src/components/Home/HomeBannerKV.vue?cead","webpack:///./src/components/Home/HomeBannerKV.vue?9d8d"],"names":["render","_vm","this","_c","_self","staticClass","ref","attrs","swiperOptions","_l","banners","item","i","key","on","$event","preventDefault","gioTrack","url","image","isShowCountDown","_v","getCountDown","_e","staticRenderFns","HomeCountDown","name","components","Swiper","SwiperSlide","directives","swiper","directive","props","type","Array","default","data","autoplay","delay","pagination","el","loop","methods","now","Date","endTime","promoEndTime","checkEndTime","length","replace","getTime","result","showCountDown","index","eventObject","gioAdsTracking","location","href","computed","timing","$refs","bannerSwiper","$swiper","component"],"mappings":"8JAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,SAAS,CAACG,IAAI,eAAeD,YAAY,iCAAiCE,MAAM,CAAC,QAAUN,EAAIO,gBAAgBP,EAAIQ,GAAIR,EAAIS,SAAS,SAASC,EAAKC,GAAG,OAAOT,EAAG,cAAc,CAACU,IAAID,EAAEP,YAAY,uBAAuB,CAACF,EAAG,IAAI,CAACW,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOC,iBAAiBf,EAAIgB,SAAUL,EAAE,EAAID,EAAKO,QAAQ,CAACf,EAAG,MAAM,CAACE,YAAY,UAAUE,MAAM,CAAC,IAAMI,EAAKQ,WAAYlB,EAAImB,gBAAgBT,GAAOR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYE,MAAM,CAAC,IAAM,8DAA8D,IAAM,MAAMJ,EAAG,OAAO,CAACE,YAAY,OAAO,CAACJ,EAAIoB,GAAG,WAAWlB,EAAG,gBAAgB,CAACI,MAAM,CAAC,aAAeN,EAAIqB,aAAaX,OAAU,GAAGV,EAAIsB,UAAS,IAAI,IAEr0BC,EAAkB,G,oCCkCtB,MAAAC,MAAA,gDACe,OACfC,KAAA,eACAC,WAAA,CACAF,gBACAG,mBACAC,8BAEAC,WAAA,CACAC,OAAAC,gBAEAC,MAAA,CACAvB,QAAA,CACAwB,KAAAC,MACAC,QAAA,WACA,YAIAC,OACA,OACA7B,cAAA,CACA8B,SAAA,CACAC,MAAA,KAEAC,WAAA,CACAC,GAAA,sBAEAC,MAAA,KAIAC,QAAA,CACAvB,gBAAAT,GACA,IAAAiC,EAAA,IAAAC,KACA,MAAAC,EAAAnC,EAAAoC,aACA,IAAAC,EAAA,EACA,GAAAF,KAAAG,OAAA,GACAD,EAAA,IAAAH,KAAAC,EAAAI,QAAA,UAAAC,UACA,IAAAC,EAAAzC,EAAA0C,eAAAL,EAAAJ,EAAAO,UACA,OAAAC,EAEA,UAEA9B,aAAAX,GACA,MAAAmC,EAAAnC,EAAAoC,aACA,IAAAC,EAAA,EAIA,OAHAF,KAAAG,OAAA,IACAD,EAAA,IAAAH,KAAAC,EAAAI,QAAA,UAAAC,WAEAH,GAEA/B,SAAAqC,EAAApC,GACA,MAAAqC,EAAA,CACA,aACA,QAAAD,EACA,OAAApC,GAEAsC,eAAAD,GACAE,SAAAC,KAAAxC,IAGAyC,SAAA,CACAC,SACA,gBAEA7B,SACA,YAAA8B,MAAAC,aAAAC,WCvGoW,I,wBCQhWC,EAAY,eACd,EACAhE,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAwC,E","file":"js/chunk-0b4bedcd.e4d09f63.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!./HomeBannerKV.vue?vue&type=style&index=0&id=5d9ecf4a&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"homepage-banners\"},[_c('Swiper',{ref:\"bannerSwiper\",staticClass:\"swiper-container swiper-banner\",attrs:{\"options\":_vm.swiperOptions}},_vm._l((_vm.banners),function(item,i){return _c('SwiperSlide',{key:i,staticClass:\"swiper-slide urlBtn\"},[_c('a',{on:{\"click\":function($event){$event.preventDefault();_vm.gioTrack((i+1), item.url)}}},[_c('img',{staticClass:\"ban-img\",attrs:{\"src\":item.image}})]),(_vm.isShowCountDown(item))?_c('div',{staticClass:\"ban-timing\"},[_c('div',{staticClass:\"sw-bg\"},[_c('img',{staticClass:\"ban-clock\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/mobile/clock.png\",\"alt\":\"\"}}),_c('span',{staticClass:\"act\"},[_vm._v(\"倒计时\")])]),_c('HomeCountDown',{attrs:{\"countDownNum\":_vm.getCountDown(item)}})],1):_vm._e()])}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"homepage-banners\">\r\n    <Swiper\r\n      ref=\"bannerSwiper\"\r\n      :options=\"swiperOptions\"\r\n      class=\"swiper-container swiper-banner\"\r\n    >\r\n      <SwiperSlide\r\n        v-for=\"(item, i) in banners\"\r\n        :key=\"i\"\r\n        class=\"swiper-slide urlBtn\"\r\n      >\r\n        <a @click.prevent=\"gioTrack((i+1), item.url)\">\r\n          <img class=\"ban-img\" :src=\"item.image\" />\r\n        </a>\r\n        <div class=\"ban-timing\" v-if=\"isShowCountDown(item)\">\r\n          <div class=\"sw-bg\">\r\n            <img\r\n              class=\"ban-clock\"\r\n              src=\"https://resource.rcclchina.com.cn/homePage/mobile/clock.png\"\r\n              alt=\"\"\r\n            />\r\n            <span class=\"act\">倒计时</span>\r\n          </div>\r\n          <HomeCountDown :countDownNum=\"getCountDown(item)\" />\r\n        </div>\r\n      </SwiperSlide>\r\n      <!-- <div class=\"swiper-pagination\" v-if=\"banners.length > 1\"></div> -->\r\n    </Swiper>\r\n  </div>\r\n</template>\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\nconst HomeCountDown = () => import(\"@/components/Home/HomeCountDown\");\r\nexport default {\r\n  name: \"HomeBannerKV\",\r\n  components: {\r\n    HomeCountDown,\r\n    Swiper,\r\n    SwiperSlide,\r\n  },\r\n  directives: {\r\n    swiper: directive,\r\n  },\r\n  props: {\r\n    banners: {\r\n      type: Array,\r\n      default: function () {\r\n        return [];\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      swiperOptions: {\r\n        autoplay: {\r\n          delay: 5000,\r\n        },\r\n        pagination: {\r\n          el: \".swiper-pagination\",\r\n        },\r\n        loop: true,\r\n      },\r\n    };\r\n  },\r\n  methods: {\r\n    isShowCountDown(item) {\r\n      let now = new Date();\r\n      const endTime = item.promoEndTime;\r\n      let checkEndTime = 0;\r\n      if (endTime && endTime.length > 0) {\r\n        checkEndTime = new Date(endTime.replace(\"T\", \" \")).getTime();\r\n        let result = item.showCountDown && checkEndTime > now.getTime();\r\n        return result;\r\n      }\r\n      return false;\r\n    },\r\n    getCountDown(item) {\r\n      const endTime = item.promoEndTime;\r\n      let checkEndTime = 0;\r\n      if (endTime && endTime.length > 0) {\r\n        checkEndTime = new Date(endTime.replace(\"T\", \" \")).getTime();\r\n      }\r\n      return checkEndTime;\r\n    },\r\n\t\tgioTrack(index, url) {\r\n\t\t\tconst eventObject = {\r\n\t\t\t\t\"adsType\": \"bn\",\r\n\t\t\t\t\"bnOrder\": index,\r\n\t\t\t\t\"desUrl\": url\r\n\t\t\t}\r\n\t\t\tgioAdsTracking(eventObject);\r\n\t\t\tlocation.href = url;\r\n\t\t}\r\n  },\r\n  computed: {\r\n    timing() {\r\n      return \"timing\";\r\n    },\r\n    swiper() {\r\n      return this.$refs.bannerSwiper.$swiper;\r\n    },\r\n  },\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.homepage-banners .ban-img {\r\n  width: 375px;\r\n  height: 292px;\r\n}\r\n.homepage-banners .ban-clock {\r\n  width: 15px;\r\n  height: 15px;\r\n  display: inline-block;\r\n  position: relative;\r\n  top: 6px;\r\n  margin-bottom: 4px;\r\n}\r\n.homepage-banners .swiper-container {\r\n  padding-bottom: 0;\r\n}\r\n.homepage-banners\r\n  .swiper-container\r\n  .swiper-pagination-bullets\r\n  .swiper-pagination-bullet {\r\n  width: 9px;\r\n  height: 9px;\r\n  background: #fff;\r\n  z-index: -1;\r\n}\r\n.homepage-banners\r\n  .swiper-container\r\n  .swiper-pagination-bullets\r\n  .swiper-pagination-bullet-active {\r\n  background: #fbc500;\r\n}\r\n.homepage-banners .ban-timing {\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateX(-50%);\r\n  height: 190px;\r\n  width: 28px;\r\n  text-align: center;\r\n  color: #fff;\r\n  background: #ee0027;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  /*letter-spacing: 1px;*/\r\n  transform: translateY(-50%);\r\n  border-bottom-left-radius: 5px;\r\n  border-top-left-radius: 5px;\r\n  overflow: hidden;\r\n}\r\n.homepage-banners .ban-timing .sw-bg {\r\n  width: 100%;\r\n  height: 80px;\r\n  background: #b3001e;\r\n}\r\n.homepage-banners .ban-timing .act {\r\n  font-size: 15px;\r\n  position: relative;\r\n  top: -2px;\r\n  display: block;\r\n  line-height: 1.2;\r\n}\r\n.homepage-banners .ban-timing .num {\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n}\r\n.homepage-banners .ban-timing .sw-time {\r\n  font-size: 12px;\r\n  line-height: 1;\r\n  margin-top: 5px;\r\n}\r\n.homepage-banners .ban-timing .sw-time > div {\r\n  margin-bottom: 4px;\r\n}\r\n</style>\r\n\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!./HomeBannerKV.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!./HomeBannerKV.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HomeBannerKV.vue?vue&type=template&id=5d9ecf4a&scoped=true\"\nimport script from \"./HomeBannerKV.vue?vue&type=script&lang=js\"\nexport * from \"./HomeBannerKV.vue?vue&type=script&lang=js\"\nimport style0 from \"./HomeBannerKV.vue?vue&type=style&index=0&id=5d9ecf4a&prod&scoped=true&lang=css\"\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  \"5d9ecf4a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}