{"version":3,"sources":["webpack:///./src/components/BannerDetail.vue?810e","webpack:///./src/components/BannerDetail.vue?12f5","webpack:///src/components/BannerDetail.vue","webpack:///./src/components/BannerDetail.vue?3e52","webpack:///./src/components/BannerDetail.vue?2a94","webpack:///./src/components/BannerDetail.vue?f1bb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isSuite","banners","length","attrs","directives","name","rawName","value","expression","_l","item","i","key","ref","refInFor","active","on","$event","changeBanner","swiperOptions","banner","index","url","staticStyle","image","isShowCountDown","_v","getCountDown","timing","_e","specialBookingImage","slot","goPrev","leftArrowImg","goNext","rightArrowImg","staticRenderFns","components","CruiseCountDown","Swiper","SwiperSlide","swiper","props","type","Array","default","Boolean","isShowDot","autoplay","String","hasSpecBanner","data","delay","loop","speed","pagination","el","slideChangeTransitionEnd","onBannerSliderChange","click","onBannerClick","mounted","$nextTick","methods","endTime","checkEndTime","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-3ffd7a70.3e19d2ba.js","sourcesContent":["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!./BannerDetail.vue?vue&type=style&index=0&id=97da8d78&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!./BannerDetail.vue?vue&type=style&index=0&id=97da8d78&lang=less&scoped=true&\"","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\",class:{'is-suite': _vm.isSuite}},[(_vm.banners.length > 1)?_c('div',{attrs:{\"id\":\"banner\"}},[_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),_c('swiper',{ref:\"bannerSwiper\",staticClass:\"time-wrap\",attrs:{\"options\":_vm.swiperOptions}},[_vm._l((_vm.banners),function(banner,index){return _c('swiper-slide',{key:index},[(banner.url && banner.url.length > 0)?_c('a',{staticStyle:{\"display\":\"block\",\"cursor\":\"pointer\"},attrs:{\"href\":banner.url}},[_c('img',{attrs:{\"src\":banner.image,\"width\":\"100%\",\"height\":\"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()]):(banner.specialBookingImage && banner.specialBookingImage.length > 0)?_c('div',{staticClass:\"specialBookingBanner\"},[_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()]):_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()])])}),_c('div',{staticClass:\"banner-pagination\",class:{'is-suite': _vm.isSuite},attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2),(_vm.banners.length > 1)?_c('a',{staticClass:\"left carousel-control\",on:{\"click\":function($event){return _vm.goPrev()}}},[_c('span',{staticClass:\"glyphicon glyphicon-chevron-left\",attrs:{\"aria-hidden\":\"true\"}},[_c('img',{attrs:{\"src\":_vm.leftArrowImg}})]),_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()}}},[_c('span',{staticClass:\"glyphicon glyphicon-chevron-right\",attrs:{\"aria-hidden\":\"true\"}},[_c('img',{attrs:{\"src\":_vm.rightArrowImg}})]),_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%\"}})]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"homepage-banners\">\r\n    <div class=\"banner-img\" :class=\"{'is-suite': isSuite}\">\r\n      <div v-if=\"banners.length > 1\" id=\"banner\" class=\"\">\r\n        <ol class=\"partner-bannerDot\" v-show=\"isShowDot\">\r\n          <li v-for=\"(item, i) in banners\" :key=\"i\" ref=\"bannerDot\"\r\n              class=\"bannerDot\" :class=\"{active: i==0}\" @click=\"changeBanner(i)\"></li>\r\n        </ol>\r\n        <!-- Wrapper for slides -->\r\n        <swiper :options=\"swiperOptions\" class=\"time-wrap\" ref=\"bannerSwiper\">\r\n          <swiper-slide v-for=\"(banner, index) in banners\" :key=\"index\">\r\n            <a v-if=\"banner.url && banner.url.length > 0\" :href=\"banner.url\" style=\"display:block; cursor: pointer;\">\r\n              <img :src=\"banner.image\" width=\"100%\" height=\"100%\">\r\n              <div class=\"clock\" v-if=\"isShowCountDown(banner)\">\r\n                <span>\r\n                    <img src=\"https://resource.rcclchina.com.cn/homePage/clock.png\"/>\r\n                    活动倒计时\r\n                </span>\r\n                <CruiseCountDown :countDownNum='getCountDown(banner)' :className=\"timing\"/>\r\n              </div>\r\n            </a>\r\n            <div v-else-if=\"banner.specialBookingImage && banner.specialBookingImage.length > 0\" class=\"specialBookingBanner\">\r\n              <img :src=\"banner.image\" width=\"100%\">\r\n              <div class=\"clock\" v-if=\"isShowCountDown(banner)\">\r\n                <span>\r\n                    <img src=\"https://resource.rcclchina.com.cn/homePage/clock.png\"/>\r\n                    活动倒计时\r\n                </span>\r\n                <CruiseCountDown :countDownNum='getCountDown(banner)' :className=\"timing\"/>\r\n              </div>\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 src=\"https://resource.rcclchina.com.cn/homePage/clock.png\"/>\r\n                                    活动倒计时\r\n                                </span>\r\n                <CruiseCountDown :countDownNum='getCountDown(banner)' :className=\"timing\"/>\r\n              </div>\r\n            </div>\r\n          </swiper-slide>\r\n          <div class=\"banner-pagination\" :class=\"{'is-suite': isSuite}\" slot=\"pagination\"></div>\r\n        </swiper>\r\n        <a v-if=\"banners.length > 1\" class=\"left carousel-control\" @click=\"goPrev()\">\r\n                        <span class=\"glyphicon glyphicon-chevron-left\" aria-hidden=\"true\">\r\n                            <img :src=\"leftArrowImg\">\r\n                        </span>\r\n          <span class=\"sr-only\">Previous</span>\r\n        </a>\r\n\r\n\r\n        <a v-if=\"banners.length > 1\" class=\"right carousel-control\" @click=\"goNext()\">\r\n                        <span class=\"glyphicon glyphicon-chevron-right\" aria-hidden=\"true\">\r\n                            <img :src=\"rightArrowImg\">\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 v-if=\"banners[0].url && banners[0].url.length > 0\" :href=\"banners[0].url\" style=\"display:block; cursor: pointer;\">\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>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport 'swiper/css/swiper.css'\r\nimport { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'\r\nconst CruiseCountDown = () => import('@/components/Home/CruiseCountDown')\r\n\r\nexport default {\r\n  name: 'BannerDetail',\r\n  components: {\r\n    CruiseCountDown,\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 () {\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    isSuite: {\r\n      type: Boolean,\r\n      default: false\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 false\r\n      }\r\n    },\r\n    leftArrowImg: {\r\n      type: String,\r\n      default () {\r\n        return 'https://resource.rcclchina.com.cn/cruiseDetail/swiper/swiper-btn-left-circular.png'\r\n      }\r\n    },\r\n    rightArrowImg: {\r\n      type: String,\r\n      default () {\r\n        return 'https://resource.rcclchina.com.cn/cruiseDetail/swiper/swiper-btn-right-circular.png'\r\n      }\r\n    },\r\n    hasSpecBanner: {\r\n      type: Boolean,\r\n      default () {\r\n        return false\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        pagination: {\r\n          el: '.banner-pagination',\r\n        },\r\n        on: {\r\n          slideChangeTransitionEnd: this.onBannerSliderChange,\r\n          click: this.onBannerClick\r\n        }\r\n      },\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 > 1) {\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    onBannerClick () {\r\n      if (this.swiper) {\r\n        const index = this.swiper.realIndex\r\n        this.$emit('onBannerClicked', index)\r\n\r\n      }\r\n    },\r\n\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\r\n.homepage-banners{\r\n  position: relative;\r\n  height: 100%;\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  height: 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  & a.carousel-control {\r\n    width: 12% !important;\r\n  }\r\n\r\n  &.is-suite {\r\n    & a.carousel-control {\r\n      width: 8% !important;\r\n    }\r\n  }\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: 16.75%;\r\n  top: 95px;\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 .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,.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') 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\r\n.glyphicon {\r\n  width: 34px;\r\n  height: 34px;\r\n  margin-top: -17px;\r\n  cursor: pointer;\r\n  &:active {\r\n    opacity: .8;\r\n  }\r\n  &:before {\r\n    content: none;\r\n  }\r\n  & > img {\r\n    vertical-align: inherit;\r\n  }\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\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}\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  height: 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.carousel-control.right-special{\r\n  right:150px;\r\n  left: auto;\r\n}\r\n.carousel-control.left-special{\r\n  left:150px;\r\n  right: auto;\r\n}\r\n\r\n.cruiseDetail-middle-banner {\r\n  .partner-bannerDot {\r\n    bottom: 0px;\r\n    margin-bottom: 0px;\r\n    left: 25%;\r\n    margin-left: 0px;\r\n    .bannerDot.active {\r\n      background-color: #FFA230;\r\n    }\r\n  }\r\n}\r\n.specialBookingBanner{\r\n  cursor: pointer;\r\n}\r\n</style>\r\n<style lang=\"less\">\r\n.banner-pagination {\r\n  position: absolute;\r\n  text-align: center;\r\n  transition: 300ms opacity;\r\n  transform: translate3d(0, 0, 0);\r\n  z-index: 10;\r\n  &.swiper-pagination-bullets {\r\n    & .swiper-pagination-bullet {\r\n      width: 6px;\r\n      height: 6px;\r\n      background: #FFFFFF;\r\n      opacity: .6;\r\n    }\r\n    .swiper-pagination-bullet-active {\r\n      border-radius: 6px;\r\n      width: 16px;\r\n    }\r\n  }\r\n  &.is-suite {\r\n    &.swiper-pagination-bullets {\r\n      bottom: 42px;\r\n      & .swiper-pagination-bullet {\r\n        width: 30px;\r\n        height: 1px;\r\n        border-radius: 1px;\r\n        background: #0172B8;\r\n        opacity: 1;\r\n      }\r\n      .swiper-pagination-bullet-active {\r\n        background: #ffffff;\r\n        opacity: 1;\r\n      }\r\n    }\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!./BannerDetail.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!./BannerDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BannerDetail.vue?vue&type=template&id=97da8d78&scoped=true&\"\nimport script from \"./BannerDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./BannerDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BannerDetail.vue?vue&type=style&index=0&id=97da8d78&lang=less&scoped=true&\"\nimport style1 from \"./BannerDetail.vue?vue&type=style&index=1&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  \"97da8d78\",\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!./BannerDetail.vue?vue&type=style&index=1&lang=less&\"; 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!./BannerDetail.vue?vue&type=style&index=1&lang=less&\""],"sourceRoot":""}