{"version":3,"sources":["webpack:///./src/components/Home/RoyalShip.vue","webpack:///src/components/Home/RoyalShip.vue","webpack:///./src/components/Home/RoyalShip.vue?7be4","webpack:///./src/components/Home/RoyalShip.vue?5211","webpack:///./src/components/Home/RoyalShip.vue?b9a0"],"names":["render","_vm","this","_c","_self","staticClass","_v","_m","staticStyle","_l","ships","item","i","id","key","class","active","currentShipIndex","on","$event","changeShipIndex","shipCode","_s","shipCNName","attrs","shipENImageSelectedMobile","shipENImageMobile","_e","ship","ref","refInFor","pcVideo","pauseVideo","getExperienceItemsByShipId","experienceItem","j","currentItemIndex","mobileLink","length","goToShipPage","code","mobileImage","staticRenderFns","name","props","homeShip","type","Object","default","data","shipExperienceIds","methods","shipId","experienceItems","homeExperienceItemViewModels","filter","r","_","orderBy","index","gioAdsTracking","onExperienceItemMouseEnter","link","expCode","process","window","location","href","playVideo","video","$refs","webkitEnterFullscreen","enterFullScreen","error","console","play","style","display","pause","computed","homeRoyalShipItemViewModels","component"],"mappings":"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","file":"js/chunk-3c4ecdef.707de9cc.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"homepage-ships\"},[_c('h2',{staticClass:\"comm-title\"},[_vm._v(\"皇家游轮体验\")]),_vm._m(0),_c('div',{staticClass:\"ships-wrapper\",staticStyle:{\"margin\":\"0 auto 10px\"}},[_c('ul',{staticClass:\"ships-nav-blue\"},[_vm._l((_vm.ships),function(item,i){return [(item.id === 3 || item.id === 7)?_c('li',{key:i,staticClass:\"swiper-slide\",class:{ active: _vm.currentShipIndex == i },on:{\"click\":function($event){return _vm.changeShipIndex(i, item.shipCode)}}},[_c('div',{staticClass:\"ships-name\"},[_vm._v(_vm._s(item.shipCNName))]),_c('div',{staticClass:\"ship-image\"},[_c('img',{staticClass:\"sw-img1\",attrs:{\"src\":item.shipENImageSelectedMobile,\"alt\":\"\"}}),_c('img',{staticClass:\"sw-img2\",attrs:{\"src\":item.shipENImageMobile,\"alt\":\"\"}})])]):_vm._e()]})],2)]),_vm._l((_vm.ships),function(ship,i){return _c('div',{key:i,staticClass:\"ships-content\",class:{ active: _vm.currentShipIndex == i }},[(ship.id === 3 || ship.id === 7)?[_c('video',{ref:'shipVideo_' + i,refInFor:true,staticClass:\"ships-video\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":ship.pcVideo,\"controls\":\"\",\"playsinline\":\"true\",\"x-webkit-airplay\":\"true\",\"x5-video-player-type\":\"h5\",\"x5-videoplayer-fullscreen\":\"true\",\"webkit-playsinline\":\"true\"},on:{\"pause\":function($event){return _vm.pauseVideo('shipVideo_' + i)}}}),_c('div',{staticClass:\"ships-imgs\"},[_c('ul',{staticClass:\"ships-superImgs\"},_vm._l((_vm.getExperienceItemsByShipId(ship.id)),function(experienceItem,j){return _c('li',{key:j,class:{ active: j == _vm.currentItemIndex }},[(\n                  experienceItem.mobileLink &&\n                  experienceItem.mobileLink.length > 0\n                )?_c('a',{staticClass:\"external\",attrs:{\"target\":\"_blank\"},on:{\"click\":function($event){return _vm.goToShipPage(experienceItem.mobileLink, experienceItem.code, ship.shipCode)}}},[_c('img',{attrs:{\"src\":experienceItem.mobileImage,\"alt\":\"\"}})]):_vm._e(),(\n                  !experienceItem.mobileLink ||\n                  experienceItem.mobileLink.length == 0\n                )?_c('img',{attrs:{\"src\":experienceItem.mobileImage,\"alt\":\"\"}}):_vm._e()])}),0)])]:_vm._e()],2)}),_c('div')],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"comm-subtitle\"},[_c('span',{staticClass:\"num\"},[_vm._v(\"26\")]),_vm._v(\"艘海上移动城堡\")])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"homepage-ships\">\r\n    <h2 class=\"comm-title\">皇家游轮体验</h2>\r\n    <h3 class=\"comm-subtitle\"><span class=\"num\">26</span>艘海上移动城堡</h3>\r\n<!--    <div class=\"ships-wrapper\">-->\r\n<!--      <ul class=\"ships-nav\">-->\r\n<!--        <template v-for=\"(item, i) in ships\">-->\r\n<!--          <li-->\r\n<!--            v-if=\"item.id === 3 || item.id === 7\"-->\r\n<!--            :key=\"i\"-->\r\n<!--            class=\"swiper-slide\"-->\r\n<!--            :class=\"{ active: currentShipIndex == i }\"-->\r\n<!--            @click=\"changeShipIndex(i, item.shipCode)\"-->\r\n<!--          >-->\r\n<!--            <div class=\"ship-image\">-->\r\n<!--              <img class=\"sw-img1\" :src=\"item.shipENImageSelectedMobile\" alt=\"\" />-->\r\n<!--              <img class=\"sw-img2\" :src=\"item.shipENImageMobile\" alt=\"\" />-->\r\n<!--            </div>-->\r\n<!--            <div class=\"ships-name\">{{ item.shipCNName }}</div>-->\r\n<!--          </li>-->\r\n<!--        </template>-->\r\n<!--      </ul>-->\r\n<!--    </div>-->\r\n\r\n    <div class=\"ships-wrapper\" style=\"margin: 0 auto 10px\">\r\n      <ul class=\"ships-nav-blue\">\r\n        <template v-for=\"(item, i) in ships\">\r\n          <li\r\n              v-if=\"item.id === 3 || item.id === 7\"\r\n              :key=\"i\"\r\n              class=\"swiper-slide\"\r\n              :class=\"{ active: currentShipIndex == i }\"\r\n              @click=\"changeShipIndex(i, item.shipCode)\"\r\n          >\r\n            <div class=\"ships-name\">{{ item.shipCNName }}</div>\r\n            <div class=\"ship-image\">\r\n              <img class=\"sw-img1\" :src=\"item.shipENImageSelectedMobile\" alt=\"\" />\r\n              <img class=\"sw-img2\" :src=\"item.shipENImageMobile\" alt=\"\" />\r\n            </div>\r\n          </li>\r\n        </template>\r\n      </ul>\r\n    </div>\r\n\r\n<!--    <div class=\"royal-ship-banner\">-->\r\n<!--      <img src=\"https://resource.rcclchina.com.cn/Home/home_banner_SC_mb.jpg\" />-->\r\n<!--    </div>-->\r\n\r\n    <div\r\n      v-for=\"(ship, i) in ships\"\r\n      :key=\"i\"\r\n      class=\"ships-content\"\r\n      :class=\"{ active: currentShipIndex == i }\"\r\n    >\r\n<!--      <img-->\r\n<!--        class=\"ships-playBtn\"-->\r\n<!--        :src=\"ship.mobileBackgroundImage\"-->\r\n<!--        alt=\"\"-->\r\n<!--        @click=\"playVideo('shipVideo_' + i, ship.shipCode)\"-->\r\n<!--      />-->\r\n      <template v-if=\"ship.id === 3 || ship.id === 7\">\r\n        <video\r\n          class=\"ships-video\"\r\n          :ref=\"'shipVideo_' + i\"\r\n          :src=\"ship.pcVideo\"\r\n          style=\"display: none\"\r\n          controls\r\n          playsinline=\"true\"\r\n          x-webkit-airplay=\"true\"\r\n          x5-video-player-type=\"h5\"\r\n          x5-videoplayer-fullscreen=\"true\"\r\n          webkit-playsinline=\"true\"\r\n          @pause=\"pauseVideo('shipVideo_' + i)\"\r\n        ></video>\r\n        <div class=\"ships-imgs\">\r\n          <ul class=\"ships-superImgs\">\r\n            <li\r\n              v-for=\"(experienceItem, j) in getExperienceItemsByShipId(ship.id)\"\r\n              :key=\"j\"\r\n              :class=\"{ active: j == currentItemIndex }\"\r\n            >\r\n              <a\r\n                v-if=\"\r\n                  experienceItem.mobileLink &&\r\n                  experienceItem.mobileLink.length > 0\r\n                \"\r\n                class=\"external\"\r\n                @click=\"goToShipPage(experienceItem.mobileLink, experienceItem.code, ship.shipCode)\"\r\n                target=\"_blank\"\r\n              >\r\n                <img :src=\"experienceItem.mobileImage\" alt=\"\" />\r\n              </a>\r\n              <img\r\n                v-if=\"\r\n                  !experienceItem.mobileLink ||\r\n                  experienceItem.mobileLink.length == 0\r\n                \"\r\n                :src=\"experienceItem.mobileImage\"\r\n                alt=\"\"\r\n              />\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </template>\r\n    </div>\r\n    <div></div>\r\n  </div>\r\n</template>\r\n\r\n\r\n<script>\r\nimport _ from \"lodash\";\r\nimport { gioAdsTracking } from \"@/utilities/tools\";\r\nexport default {\r\n  name: \"RoyalShip\",\r\n  props: {\r\n    homeShip: {\r\n      type: Object,\r\n      default: () => {\r\n        return {};\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      shipExperienceIds: [],\r\n      currentShipIndex: 0,\r\n      currentItemIndex: 0\r\n    };\r\n  },\r\n  methods: {\r\n    getExperienceItemsByShipId(shipId) {\r\n      let experienceItems = this.homeShip.homeExperienceItemViewModels.filter(\r\n        (r) => r.shipId == shipId\r\n      );\r\n      experienceItems = _.orderBy(experienceItems, \"mobileSeq\", \"asc\");\r\n      return experienceItems;\r\n    },\r\n    changeShipIndex(index, shipCode) {\r\n      this.currentShipIndex = index;\r\n\t\t\tgioAdsTracking({\r\n\t\t\t\t\"adsType\": \"sp\",\r\n\t\t\t\t\"spCode\": shipCode\r\n\t\t\t});\r\n    },\r\n    onExperienceItemMouseEnter(index) {\r\n      this.currentItemIndex = index;\r\n    },\r\n    goToShipPage(link, expCode, shipCode) {\r\n\t\t\tgioAdsTracking({\r\n\t\t\t\t\"adsType\": \"sp\",\r\n\t\t\t\t\"spCode\": shipCode,\r\n\t\t\t\t\"spCat\": expCode,\r\n\t\t\t\t\"desUrl\": process.env.VUE_APP_BASE_URL + link\r\n\t\t\t});\r\n      window.location.href = process.env.VUE_APP_BASE_URL + link;\r\n    },\r\n    playVideo(ref, shipCode) {\r\n      const video = this.$refs[ref][0];\r\n      try {\r\n        // video.webkitRequestFullScreen();\r\n        // video.requestFullscreen();\r\n        if (video.webkitEnterFullscreen || video.enterFullScreen) {\r\n          video.webkitEnterFullscreen && video.webkitEnterFullscreen();\r\n          video.enterFullScreen && video.enterFullScreen();\r\n        }\r\n      } catch (error) {\r\n        console.error(error);\r\n      }\r\n      video.play();\r\n      video.style.display = \"block\";\r\n\t\t\tgioAdsTracking({\r\n\t\t\t\t\"adsType\": \"sp\",\r\n\t\t\t\t\"spCode\": shipCode,\r\n\t\t\t\t\"spVideo\": 1\r\n\t\t\t});\r\n    },\r\n    pauseVideo(ref) {\r\n      const video = this.$refs[ref][0];\r\n      if (video) {\r\n        video.pause();\r\n        video.style.display = \"none\";\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    ships() {\r\n      return this.homeShip.homeRoyalShipItemViewModels;\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.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\r\n/*视频相关*/\r\nvideo.dest-video,\r\nvideo.dest-clickBtn,\r\nvideo.ships-video {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  z-index: 9999;\r\n}\r\n/*游轮体验*/\r\n.homepage-ships {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  margin-bottom: 26px; /*会注释*/\r\n}\r\n.homepage-ships .swiper-container {\r\n  padding-bottom: 0px;\r\n}\r\n.homepage-ships .comm-subtitle .num {\r\n  font-weight: bold;\r\n  color: #ffa70d;\r\n}\r\n.homepage-ships .ships-wrapper {\r\n  width: 345px;\r\n  overflow: hidden;\r\n  margin: 0 auto 16px;\r\n}\r\n.homepage-ships .ships-nav {\r\n  /* width: 460px; */\r\n  height: 42px;\r\n  overflow: scroll;\r\n  display: flex;\r\n  justify-content: center;\r\n  //padding-right: 30px;\r\n}\r\n\r\n.homepage-ships .ships-nav::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.homepage-ships .ships-nav li.swiper-slide {\r\n  width: 80px !important;\r\n  margin-right: 16px;\r\n}\r\n.homepage-ships .ships-nav li {\r\n  width: 80px;\r\n  height: 42px;\r\n}\r\n\r\n.homepage-ships .ships-nav li .ship-image {\r\n  width: 82px;\r\n  height: 9px;\r\n  margin: 0 auto 3px;\r\n}\r\n\r\n.homepage-ships .ships-nav li img {\r\n  width: 100%;\r\n}\r\n\r\n.homepage-ships .ships-nav li img.sw-img1 {\r\n  display: none;\r\n}\r\n.homepage-ships .ships-nav li .ships-name {\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  color: #747d80;\r\n  text-align: center;\r\n}\r\n.homepage-ships .ships-nav li.active {\r\n  border-bottom: 3px solid #0073bb;\r\n}\r\n.homepage-ships .ships-nav li.active img.sw-img1 {\r\n  display: block;\r\n}\r\n.homepage-ships .ships-nav li.active img.sw-img2 {\r\n  display: none;\r\n}\r\n.homepage-ships .ships-nav li.active .ships-name {\r\n  color: #0073bb;\r\n}\r\n.homepage-ships .ships-content {\r\n  margin-bottom: 15px;\r\n  display: none;\r\n  position: relative;\r\n}\r\n.homepage-ships .ships-content.active {\r\n  display: block;\r\n}\r\n.homepage-ships .ships-content > img {\r\n  margin-bottom: 12px;\r\n  width: 375px;\r\n}\r\n\r\n.homepage-ships .ships-content .ships-imgs > .ships-superImgs li:first-child,\r\n.homepage-ships\r\n  .ships-content\r\n  .ships-imgs\r\n  > .ships-superImgs\r\n  li:first-child\r\n  img {\r\n  width: 345px;\r\n  /* margin-bottom: 5px; */\r\n}\r\n\r\n.homepage-ships .ships-content .ships-imgs > .ships-superImgs li:nth-child(6),\r\n.homepage-ships\r\n  .ships-content\r\n  .ships-imgs\r\n  > .ships-superImgs\r\n  li:nth-child(6)\r\n  img {\r\n  width: 345px;\r\n}\r\n\r\n.homepage-ships .ships-content .ships-imgs > .ships-superImgs {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  padding: 0px 15px;\r\n}\r\n.homepage-ships .ships-content .ships-imgs > .ships-superImgs li {\r\n  width: 172px;\r\n  overflow: hidden;\r\n  margin-bottom: 1px;\r\n  position: relative;\r\n}\r\n.homepage-ships .ships-content .ships-imgs > .ships-superImgs li .mask {\r\n  /* background: rgba(0,0,0,.3); */\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  text-align: center;\r\n}\r\n.homepage-ships\r\n  .ships-content\r\n  .ships-imgs\r\n  > .ships-superImgs\r\n  li\r\n  .mask\r\n  .mask-text {\r\n  font-size: 17px;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  margin-top: 18px;\r\n  text-transform: uppercase;\r\n  text-align: center;\r\n  text-shadow: 0px 0px 13px rgba(126, 30, 24, 0.004);\r\n  -moz-transform: matrix(1.357681515166, 0, 0, 1.35768151516601, 0, 0);\r\n  -webkit-transform: matrix(1.357681515166, 0, 0, 1.35768151516601, 0, 0);\r\n  -ms-transform: matrix(1.357681515166, 0, 0, 1.35768151516601, 0, 0);\r\n}\r\n\r\n.homepage-ships\r\n  .ships-content\r\n  .ships-imgs\r\n  > .ships-superImgs\r\n  li:nth-child(1)\r\n  .mask\r\n  .mask-text,\r\n.homepage-ships\r\n  .ships-content\r\n  .ships-imgs\r\n  > .ships-superImgs\r\n  li:nth-child(6)\r\n  .mask\r\n  .mask-text {\r\n  margin-top: 30px;\r\n}\r\n\r\n.homepage-ships\r\n  .ships-content\r\n  .ships-imgs\r\n  > .ships-superImgs\r\n  li\r\n  .mask\r\n  .mask-parah {\r\n  font-size: 12px;\r\n  font-weight: 100;\r\n  color: #fff;\r\n}\r\n.homepage-ships .ships-content .ships-imgs > .ships-superImgs li img {\r\n  width: 183px;\r\n  height: auto;\r\n}\r\n.btn-link {\r\n  display: block;\r\n  width: 345px;\r\n  height: 45px;\r\n  border: 1px solid #0073bb;\r\n  line-height: 45px;\r\n  text-align: center;\r\n  color: #0073bb;\r\n  margin: 0 auto;\r\n}\r\n.royal-ship-banner {\r\n  width: 100%;\r\n  margin-bottom: 12px;\r\n}\r\n.royal-ship-banner > img {\r\n  display: block;\r\n  width: 100%;\r\n}\r\n\r\n.homepage-ships .ships-nav-blue {\r\n  height: 64px;\r\n  overflow: scroll;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.homepage-ships .ships-nav-blue::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.homepage-ships .ships-nav-blue li.swiper-slide {\r\n  flex: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-flow: column;\r\n  gap: 2px;\r\n}\r\n.homepage-ships .ships-nav-blue li {\r\n  height: 64px;\r\n  background-color: #f8f8f8;\r\n}\r\n\r\n.homepage-ships .ships-nav-blue li .ship-image {\r\n  margin-top: 2px;\r\n}\r\n\r\n.homepage-ships .ships-nav-blue li img {\r\n  height: 9px;\r\n}\r\n\r\n.homepage-ships .ships-nav-blue li img.sw-img1 {\r\n  display: none;\r\n}\r\n.homepage-ships .ships-nav-blue li .ships-name {\r\n  font-size: 12px;\r\n  line-height: 1;\r\n  font-weight: 500;\r\n  color: #0f005a;\r\n  text-align: center;\r\n}\r\n.homepage-ships .ships-nav-blue li.active {\r\n  background-color: #006dbb;\r\n}\r\n.homepage-ships .ships-nav-blue li.active img.sw-img1 {\r\n  display: block;\r\n}\r\n.homepage-ships .ships-nav-blue li.active img.sw-img2 {\r\n  display: none;\r\n}\r\n.homepage-ships .ships-nav-blue li.active .ships-name {\r\n  color: #FFFFFF;\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!./RoyalShip.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!./RoyalShip.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RoyalShip.vue?vue&type=template&id=692ea171&scoped=true\"\nimport script from \"./RoyalShip.vue?vue&type=script&lang=js\"\nexport * from \"./RoyalShip.vue?vue&type=script&lang=js\"\nimport style0 from \"./RoyalShip.vue?vue&type=style&index=0&id=692ea171&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  \"692ea171\",\n  null\n  \n)\n\nexport default component.exports","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!./RoyalShip.vue?vue&type=style&index=0&id=692ea171&prod&scoped=true&lang=css\""],"sourceRoot":""}