{"version":3,"sources":["webpack:///./src/components/Home/HomeBanner.vue?8af1","webpack:///src/components/Home/HomeBanner.vue","webpack:///./src/components/Home/HomeBanner.vue?27d5","webpack:///./src/components/Home/HomeBanner.vue","webpack:///./src/components/Home/HomeBanner.vue?a6af"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","banners","length","attrs","directives","name","rawName","value","expression","_l","item","i","key","ref","refInFor","class","active","on","$event","changeBanner","_e","swiperOptions","banner","index","url","staticStyle","gioTrack","image","isShowCountDown","_v","getCountDown","timing","goPrev","_m","goNext","staticRenderFns","components","CruiseCountDown","HomeCruiseBanner","Swiper","SwiperSlide","props","type","Array","default","isShowDot","Boolean","autoplay","data","delay","loop","speed","slideChangeTransitionEnd","onBannerSliderChange","init","showSwiper","isSwiperShow","swiper","mounted","$nextTick","methods","endTime","checkEndTime","Date","replace","getTime","result","$refs","bannerSwiper","$swiper","slidePrev","slideNext","onBannerInit","stop","start","dots","forEach","dot","classList","remove","className","$emit","slideTo","computed","watch","newValue","component"],"mappings":"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","file":"js/chunk-0f0c3bc2.b089e47c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"homepage-banners\"},[_c('div',{staticClass:\"banner-img\"},[(_vm.banners.length > 1)?_c('div',{attrs:{\"id\":\"banner\"}},[(_vm.banners.length > 1)?_c('ol',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowDot),expression:\"isShowDot\"}],staticClass:\"partner-bannerDot\"},_vm._l((_vm.banners),function(item,i){return _c('li',{key:i,ref:\"bannerDot\",refInFor:true,staticClass:\"bannerDot\",class:{ active: i == 0 },on:{\"click\":function($event){return _vm.changeBanner(i)}}})}),0):_vm._e(),_c('swiper',{ref:\"bannerSwiper\",staticClass:\"time-wrap\",attrs:{\"options\":_vm.swiperOptions}},_vm._l((_vm.banners),function(banner,index){return _c('swiper-slide',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isSwiperShow),expression:\"isSwiperShow\"}],key:index},[(banner.cruiseInfo)?_c('HomeCruiseBanner',{attrs:{\"banner\":banner,\"index\":index}}):(banner.url && banner.url.length > 0)?_c('div',[_c('a',{staticStyle:{\"display\":\"block\",\"cursor\":\"pointer\"},attrs:{\"href\":banner.url},on:{\"click\":function($event){return _vm.gioTrack(index+1, banner.url)}}},[_c('img',{attrs:{\"src\":banner.image,\"width\":\"100%\"}}),(_vm.isShowCountDown(banner))?_c('div',{staticClass:\"clock\"},[_c('span',[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/clock.png\"}}),_vm._v(\" 活动倒计时 \")]),_c('CruiseCountDown',{attrs:{\"countDownNum\":_vm.getCountDown(banner),\"className\":_vm.timing}})],1):_c('div',{staticClass:\"f-dn\"})])]):_c('div',[_c('img',{attrs:{\"src\":banner.image,\"width\":\"100%\"}}),(_vm.isShowCountDown(banner))?_c('div',{staticClass:\"clock\"},[_c('span',[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/clock.png\"}}),_vm._v(\" 活动倒计时 \")]),_c('CruiseCountDown',{attrs:{\"countDownNum\":_vm.getCountDown(banner),\"className\":_vm.timing}})],1):_vm._e()])],1)}),1),(_vm.banners.length > 1)?_c('a',{staticClass:\"left carousel-control\",on:{\"click\":function($event){return _vm.goPrev()}}},[_vm._m(0),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Previous\")])]):_vm._e(),(_vm.banners.length > 1)?_c('a',{staticClass:\"right carousel-control\",on:{\"click\":function($event){return _vm.goNext()}}},[_vm._m(1),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Next\")])]):_vm._e()],1):(_vm.banners.length == 1)?_c('div',[(_vm.banners[0].url && _vm.banners[0].url.length > 0)?_c('a',{staticStyle:{\"display\":\"block\",\"cursor\":\"pointer\"},attrs:{\"href\":_vm.banners[0].url}},[_c('img',{attrs:{\"src\":_vm.banners[0].image,\"width\":\"100%\"}})]):_c('img',{attrs:{\"src\":_vm.banners[0].image,\"width\":\"100%\"}})]):_c('div',{staticClass:\"f-dn\"})])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"glyphicon glyphicon-chevron-left\",attrs:{\"aria-hidden\":\"true\"}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/arrow-left.jpg\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"glyphicon glyphicon-chevron-right\",attrs:{\"aria-hidden\":\"true\"}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/arrow-right.jpg\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"homepage-banners\" style=\"\">\r\n    <div class=\"banner-img\">\r\n      <div v-if=\"banners.length > 1\" id=\"banner\" class=\"\">\r\n        <ol\r\n          v-if=\"banners.length > 1\"\r\n          class=\"partner-bannerDot\"\r\n          v-show=\"isShowDot\"\r\n        >\r\n          <li\r\n            v-for=\"(item, i) in banners\"\r\n            :key=\"i\"\r\n            ref=\"bannerDot\"\r\n            class=\"bannerDot\"\r\n            :class=\"{ active: i == 0 }\"\r\n            @click=\"changeBanner(i)\"\r\n          ></li>\r\n        </ol>\r\n        <swiper :options=\"swiperOptions\" class=\"time-wrap\" ref=\"bannerSwiper\">\r\n          <swiper-slide\r\n            v-for=\"(banner, index) in banners\"\r\n            :key=\"index\"\r\n            v-show=\"isSwiperShow\"\r\n          >\r\n            <HomeCruiseBanner v-if=\"banner.cruiseInfo\" :banner=\"banner\" :index=\"index\"/>\r\n            <div v-else-if=\"banner.url && banner.url.length > 0\">\r\n              <a :href=\"banner.url\" style=\"display: block; cursor: pointer\" @click=\"gioTrack(index+1, banner.url)\">\r\n                <img :src=\"banner.image\" width=\"100%\" />\r\n                  <div class=\"clock\" v-if=\"isShowCountDown(banner)\">\r\n                  <span>\r\n                    <img\r\n                      src=\"https://resource.rcclchina.com.cn/homePage/clock.png\"\r\n                    />\r\n                    活动倒计时\r\n                  </span>\r\n                  <CruiseCountDown\r\n                    :countDownNum=\"getCountDown(banner)\"\r\n                    :className=\"timing\"\r\n                  />\r\n                </div>\r\n                <div v-else class=\"f-dn\"></div>\r\n              </a>\r\n            </div>\r\n            <div v-else>\r\n              <img :src=\"banner.image\" width=\"100%\" />\r\n              <div class=\"clock\" v-if=\"isShowCountDown(banner)\">\r\n                <span>\r\n                  <img\r\n                    src=\"https://resource.rcclchina.com.cn/homePage/clock.png\"\r\n                  />\r\n                  活动倒计时\r\n                </span>\r\n                <CruiseCountDown\r\n                  :countDownNum=\"getCountDown(banner)\"\r\n                  :className=\"timing\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </swiper-slide>\r\n        </swiper>\r\n\r\n        <a\r\n          v-if=\"banners.length > 1\"\r\n          class=\"left carousel-control\"\r\n          @click=\"goPrev()\"\r\n        >\r\n          <span class=\"glyphicon glyphicon-chevron-left\" aria-hidden=\"true\">\r\n            <img\r\n              src=\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/arrow-left.jpg\"\r\n            />\r\n          </span>\r\n          <span class=\"sr-only\">Previous</span>\r\n        </a>\r\n        <a\r\n          v-if=\"banners.length > 1\"\r\n          class=\"right carousel-control\"\r\n          @click=\"goNext()\"\r\n        >\r\n          <span class=\"glyphicon glyphicon-chevron-right\" aria-hidden=\"true\">\r\n            <img\r\n              src=\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/arrow-right.jpg\"\r\n            />\r\n          </span>\r\n          <span class=\"sr-only\">Next</span>\r\n        </a>\r\n      </div>\r\n      <div v-else-if=\"banners.length == 1\">\r\n        <a\r\n          v-if=\"banners[0].url && banners[0].url.length > 0\"\r\n          :href=\"banners[0].url\"\r\n          style=\"display: block; cursor: pointer\"\r\n        >\r\n          <img :src=\"banners[0].image\" width=\"100%\" />\r\n        </a>\r\n        <img v-else :src=\"banners[0].image\" width=\"100%\" />\r\n      </div>\r\n      <div v-else class=\"f-dn\"></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport \"swiper/css/swiper.css\";\r\nimport VueAwesomeSwiper from \"vue-awesome-swiper\";\r\nimport { gioAdsTracking } from \"@/utilities/tools\";\r\nconst { Swiper, SwiperSlide } = VueAwesomeSwiper;\r\nconst CruiseCountDown = () => import(\"@/components/Home/CruiseCountDown\");\r\nconst HomeCruiseBanner = () => import(\"@/components/Home/HomeCruiseBanner\");\r\nexport default {\r\n  name: \"HomeBanner\",\r\n  components: {\r\n    CruiseCountDown,\r\n    HomeCruiseBanner,\r\n    Swiper,\r\n    SwiperSlide,\r\n  },\r\n  props: {\r\n    banners: {\r\n      type: Array,\r\n      default() {\r\n        return [];\r\n        // {\r\n        //     'image': 'required',\r\n        //     'url': 'optional',\r\n        //     'promoEndTime': 'optional',\r\n        //     'showCountDown': false\r\n\r\n        // }\r\n      },\r\n    },\r\n    isShowDot: {\r\n      type: Boolean,\r\n      default() {\r\n        return false;\r\n      },\r\n    },\r\n    autoplay: {\r\n      type: Boolean,\r\n      default() {\r\n        return true;\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    let autoplay = false;\r\n    if (this.autoplay) {\r\n      autoplay = {\r\n        delay: 5000,\r\n      };\r\n    }\r\n    return {\r\n      swiperOptions: {\r\n        loop: true,\r\n        speed: 500,\r\n        autoplay: autoplay,\r\n        on: {\r\n          slideChangeTransitionEnd: this.onBannerSliderChange,\r\n          init: this.showSwiper,\r\n        },\r\n      },\r\n      isSwiperShow: false,\r\n      swiper: null,\r\n    };\r\n  },\r\n  mounted() {\r\n    if (this.banners.length <= 1) {\r\n      this.swiperOptions.loop = false;\r\n    }\r\n    this.$nextTick(() => {\r\n      this.onBannerInit();\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    goPrev() {\r\n      if (!this.swiper && this.$refs.bannerSwiper) {\r\n        this.swiper = this.$refs.bannerSwiper.$swiper;\r\n      }\r\n      this.swiper.slidePrev();\r\n    },\r\n    goNext() {\r\n      if (!this.swiper && this.$refs.bannerSwiper) {\r\n        this.swiper = this.$refs.bannerSwiper.$swiper;\r\n      }\r\n      this.swiper.slideNext();\r\n    },\r\n    onBannerInit() {\r\n      if (this.$refs.bannerSwiper) {\r\n        this.swiper = this.$refs.bannerSwiper.$swiper;\r\n        if (this.autoplay && this.banners.length > 0) {\r\n          this.swiper.autoplay.stop();\r\n          this.swiper.autoplay.start();\r\n        }\r\n      }\r\n    },\r\n    onBannerSliderChange() {\r\n      if (!this.swiper && this.$refs.bannerSwiper) {\r\n        this.swiper = this.$refs.bannerSwiper.$swiper;\r\n      }\r\n\r\n      if (this.swiper) {\r\n        const index = this.swiper.realIndex;\r\n        if (this.isShowDot) {\r\n          const dots = this.$refs.bannerDot;\r\n          dots.forEach((dot) => {\r\n            dot.classList.remove(\"active\");\r\n          });\r\n          dots[index].className += \" active\";\r\n        }\r\n        // document.getElementById('cruiseDetailBannerIndex').innerHTML = this.swiper.realIndex + 1\r\n\r\n        this.$emit(\"onBannerSliderChange\", index);\r\n      }\r\n    },\r\n    changeBanner(index) {\r\n      if (this.swiper) {\r\n        this.swiper.slideTo(index + 1);\r\n      }\r\n    },\r\n    showSwiper() {\r\n      this.isSwiperShow = true;\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}\r\n  },\r\n  computed: {\r\n    timing() {\r\n      return \"timing\";\r\n    },\r\n  },\r\n  watch: {\r\n    banners(newValue) {\r\n      if (newValue.length <= 1) {\r\n        this.swiperOptions.loop = false;\r\n      } else {\r\n        this.swiperOptions.loop = true;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.homepage-banners {\r\n  position: relative;\r\n  min-width: 1200px;\r\n  /* height: 648px; */\r\n}\r\n\r\n// .homePage .homepage-banners{\r\n//     // height: 648px;\r\n// }\r\n\r\n.homepage-banners .time-wrap {\r\n  width: 100%;\r\n}\r\n\r\n.homepage-banners .carousel-control .glyphicon {\r\n  z-index: 0;\r\n}\r\n\r\n.homepage-banners .carousel-inner {\r\n  height: 100%;\r\n}\r\n\r\n.homepage-banners .carousel-inner .item {\r\n  height: 100%;\r\n}\r\n\r\n.homepage-banners .banner-img {\r\n  height: 100%;\r\n  /* height: 648px;\r\n    overflow: hidden; */\r\n}\r\n\r\n.homepage-banners .img.cruise-banner-image {\r\n  width: initial;\r\n  max-width: none;\r\n  position: relative;\r\n}\r\n\r\n.homepage-banners .clock {\r\n  width: 224px;\r\n  height: 64px;\r\n  position: absolute;\r\n  left: 110px;\r\n  bottom: 65px;\r\n  border-radius: 34px;\r\n  background: rgba(248, 0, 41, 0.8);\r\n  display: block;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: #fff;\r\n  box-sizing: border-box;\r\n  text-align: center;\r\n  padding-top: 3px;\r\n}\r\n\r\n// .homepage-banners .swiper-slide {\r\n//     height: auto;\r\n// }\r\n\r\n// .homepage-banners .swiper-slide>div {\r\n//     height: 100%;\r\n// }\r\n\r\n.homepage-banners .clock .count-down-wrapper.timing {\r\n  display: block;\r\n}\r\n\r\n.homepage-banners .clock .count-down-wrapper span:first-child {\r\n  font-size: 18px;\r\n}\r\n.homepage-banners .clock .count-down-wrapper span:nth-child(2) {\r\n  font-size: 14px;\r\n}\r\n.homepage-banners .clock .count-down-wrapper span span {\r\n  position: relative;\r\n  top: -2px;\r\n}\r\n.homepage-banners .clock .count-down-wrapper.timing span.num {\r\n  color: #ffa70d;\r\n  font-size: 24px;\r\n  font-weight: 400;\r\n}\r\n.homepage-banners .saleArea {\r\n  width: 696px;\r\n  height: 284px;\r\n  position: absolute;\r\n  left: 20%;\r\n  top: 20%;\r\n  background: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n.homepage-banners .saleArea .tagbg {\r\n  width: 158px;\r\n  height: 24px;\r\n  position: absolute;\r\n  left: -5px;\r\n  top: 10px;\r\n  background: url(\"https://resource.rcclchina.com.cn/homePage/homePage-linebg.png\")\r\n    no-repeat 100%;\r\n  text-align: center;\r\n  color: #fff;\r\n  font-size: 14px;\r\n  line-height: 24px;\r\n}\r\n.homepage-banners .saleArea .big-title {\r\n  font-size: 48px;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  margin-left: 30px;\r\n  margin-bottom: 29px;\r\n  position: relative;\r\n  top: 27px;\r\n}\r\n.homepage-banners .saleArea .text {\r\n  font-size: 16px;\r\n  color: #fff;\r\n  margin-left: 30px;\r\n  margin-bottom: 10px;\r\n  font-weight: 400;\r\n}\r\n.homepage-banners .saleArea .txt1 > span {\r\n  display: inline-block;\r\n  width: 80px;\r\n  height: 22px;\r\n  border-radius: 20px;\r\n  background: #ffa70d;\r\n  font-size: 12px;\r\n  color: #333;\r\n  line-height: 22px;\r\n  margin-left: 2px;\r\n}\r\n.homepage-banners .saleArea .txt1 > span img {\r\n  margin-left: 12px;\r\n  margin-right: 3px;\r\n  position: relative;\r\n  top: -1px;\r\n}\r\n.homepage-banners .saleArea .txt2 {\r\n  margin-bottom: 15px;\r\n}\r\n.homepage-banners .saleArea .line {\r\n  width: 60px;\r\n  height: 1px;\r\n  margin-left: 30px;\r\n  margin-bottom: 16px;\r\n  background: #fbc500;\r\n}\r\n.homepage-banners .saleArea .price {\r\n  /* width: 402px; */\r\n  display: block;\r\n  justify-content: space-between;\r\n  margin-left: 30px;\r\n}\r\n.homepage-banners .saleArea .price .tiny {\r\n  display: inline-block;\r\n  vertical-align: top;\r\n}\r\n.homepage-banners .saleArea .price .tiny span:first-child {\r\n  color: #fff;\r\n  font-size: 16px;\r\n}\r\n.homepage-banners .saleArea .price .tiny span:last-child {\r\n  color: #fbc500;\r\n  font-size: 16px;\r\n  display: block;\r\n}\r\n.homepage-banners .saleArea .price .tiny span:last-child > i {\r\n  font-style: normal;\r\n  font-size: 30px;\r\n  font-weight: bold;\r\n}\r\n.homepage-banners .saleArea .price .p-btn {\r\n  // display: block;\r\n  width: 188px;\r\n  height: 52px;\r\n  line-height: 52px;\r\n  text-align: center;\r\n  font-size: 22px;\r\n  font-weight: 500;\r\n  color: #282b2c;\r\n  background: #fbc500;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n  margin-left: 15px;\r\n}\r\n.homepage-banners .saleArea .price .p-btn:hover {\r\n  background: #f8de57;\r\n}\r\n.homepage-banners .banner-img a.carousel-control {\r\n  width: 10%;\r\n  opacity: 1;\r\n  background: none;\r\n}\r\n\r\n.partner-bannerDot {\r\n  position: absolute;\r\n  bottom: 10px;\r\n  left: 0;\r\n  z-index: 15;\r\n  width: 100%;\r\n  padding-left: 0;\r\n  margin-left: 0;\r\n  text-align: center;\r\n  list-style: none;\r\n}\r\n\r\n.partner-bannerDot-up {\r\n  bottom: 3px;\r\n}\r\n\r\n.partner-bannerDot .bannerDot {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  width: 30px;\r\n  height: 5px;\r\n  cursor: pointer;\r\n\r\n  border-radius: 2px;\r\n  background-color: rgb(211, 218, 221);\r\n  opacity: 0.702;\r\n  margin: 1px;\r\n}\r\n\r\n.partner-bannerDot .bannerDot:first-child {\r\n  margin-right: 5px;\r\n}\r\n\r\n.partner-bannerDot .bannerDot.active {\r\n  width: 55px;\r\n  background-color: #ffcd00;\r\n}\r\n\r\n#banner {\r\n  width: 100%;\r\n  position: relative;\r\n  .carousel-control {\r\n    z-index: 1;\r\n    .glyphicon:before {\r\n      content: \"\";\r\n    }\r\n  }\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!./HomeBanner.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!./HomeBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HomeBanner.vue?vue&type=template&id=45b239ba&scoped=true&\"\nimport script from \"./HomeBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./HomeBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HomeBanner.vue?vue&type=style&index=0&id=45b239ba&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  \"45b239ba\",\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/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!./HomeBanner.vue?vue&type=style&index=0&id=45b239ba&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/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!./HomeBanner.vue?vue&type=style&index=0&id=45b239ba&lang=less&scoped=true&\""],"sourceRoot":""}