{"version":3,"sources":["webpack:///./src/views/beginners_tips/BeginnersTipsPlan.vue?729e","webpack:///./src/views/PageBeginnersTips.vue?a5a0","webpack:///./src/views/PageBeginnersTips.vue","webpack:///./src/views/beginners_tips/BeginnersTipsPlan.vue","webpack:///src/views/beginners_tips/BeginnersTipsPlan.vue","webpack:///./src/views/beginners_tips/BeginnersTipsPlan.vue?378a","webpack:///./src/views/beginners_tips/BeginnersTipsPlan.vue?c3ee","webpack:///./src/views/beginners_tips/BeginnersTipsSwiper.vue","webpack:///src/views/beginners_tips/BeginnersTipsSwiper.vue","webpack:///./src/views/beginners_tips/BeginnersTipsSwiper.vue?126e","webpack:///./src/views/beginners_tips/BeginnersTipsSwiper.vue?8659","webpack:///src/views/PageBeginnersTips.vue","webpack:///./src/views/PageBeginnersTips.vue?51d0","webpack:///./src/views/PageBeginnersTips.vue?9e8d","webpack:///./src/components/BaseFooter.vue","webpack:///src/components/BaseFooter.vue","webpack:///./src/components/BaseFooter.vue?ec36","webpack:///./src/components/BaseFooter.vue?65ce","webpack:///./src/assets/plan_step2.png","webpack:///./src/assets/plan_step1.png","webpack:///./src/assets/plan_step3.png","webpack:///./src/assets/icons/icon_arrow_r.png","webpack:///./src/assets/plan_step4.png","webpack:///./src/views/beginners_tips/BeginnersTipsSwiper.vue?b978","webpack:///./src/assets/beginners_tips_banner.jpg","webpack:///./src/assets/icon_weibo.png","webpack:///./src/components/BaseFooter.vue?0ace"],"names":["render","_vm","this","_c","_self","staticClass","_m","staticRenderFns","attrs","require","_v","on","handleBindTicket","handleBooking","handleQuestion","name","methods","$store","getters","isLogin","state","bindTicket","$router","push","params","fromIndex","component","swiperOption","_l","listData","item","index","key","$event","playVideo","_s","title","text","slot","class","show","closePop","ref","videoUrl","staticStyle","data","autoplay","pagination","el","playing","$refs","video","displayTime","play","addEventListener","e","pause","console","log","components","BaseFooter","BeginnersTipsPlan","BeginnersTipsSwiper","menuList","i","url","isMiniApp","directives","rawName","value","expression","handleBtnClick","handleContactClick","handleUserAgreement","handlePolicyClick","computed","mapState","href","window","location","open","wx","miniProgram","navigateTo","module","exports"],"mappings":"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","file":"js/chunk-113be99e.6e89d15f.js","sourcesContent":["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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BeginnersTipsPlan.vue?vue&type=style&index=0&id=7ef241c4&prod&lang=less&scoped=true\"","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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageBeginnersTips.vue?vue&type=style&index=0&id=7c3f4897&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"beginners-tips\"},[_vm._m(0),_c('BeginnersTipsSwiper'),_c('BeginnersTipsPlan'),_c('base-footer')],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"banner\"},[_c('img',{attrs:{\"src\":require(\"../assets/beginners_tips_banner.jpg\"),\"alt\":\"\"}})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"plan-box\"},[_c('p',{staticClass:\"sub-title\"},[_vm._v(\"开始规划您的游轮假期\")]),_c('div',{staticClass:\"plan-steps\"},[_c('div',{staticClass:\"step-item\",on:{\"click\":_vm.handleBindTicket}},[_c('img',{staticClass:\"item-icon\",attrs:{\"src\":require(\"../../assets/plan_step1.png\"),\"alt\":\"\"}}),_c('p',{staticClass:\"item-text\"},[_vm._v(\"绑定船票\")])]),_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"../../assets/icons/icon_arrow_r.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"step-item\",on:{\"click\":_vm.handleBooking}},[_c('img',{staticClass:\"item-icon\",attrs:{\"src\":require(\"../../assets/plan_step2.png\"),\"alt\":\"\"}}),_c('p',{staticClass:\"item-text\"},[_vm._v(\"选择活动\")])]),_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"../../assets/icons/icon_arrow_r.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"step-item\",on:{\"click\":_vm.handleQuestion}},[_c('img',{staticClass:\"item-icon\",attrs:{\"src\":require(\"../../assets/plan_step3.png\"),\"alt\":\"\"}}),_c('p',{staticClass:\"item-text\"},[_vm._v(\"登轮支付\")])]),_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"../../assets/icons/icon_arrow_r.png\"),\"alt\":\"\"}}),_vm._m(0)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"step-item\"},[_c('img',{staticClass:\"item-icon\",attrs:{\"src\":require(\"../../assets/plan_step4.png\"),\"alt\":\"\"}}),_c('p',{staticClass:\"item-text\"},[_vm._v(\"享受假期\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"plan-box\">\r\n    <p class=\"sub-title\">开始规划您的游轮假期</p>\r\n    <div class=\"plan-steps\">\r\n      <div class=\"step-item\" @click=\"handleBindTicket\">\r\n        <img class=\"item-icon\" src=\"../../assets/plan_step1.png\" alt=\"\">\r\n        <p class=\"item-text\">绑定船票</p>\r\n      </div>\r\n      <img class=\"icon-arrow\" src=\"../../assets/icons/icon_arrow_r.png\" alt=\"\">\r\n      <div class=\"step-item\" @click=\"handleBooking\">\r\n        <img class=\"item-icon\" src=\"../../assets/plan_step2.png\" alt=\"\">\r\n        <p class=\"item-text\">选择活动</p>\r\n      </div>\r\n      <img class=\"icon-arrow\" src=\"../../assets/icons/icon_arrow_r.png\" alt=\"\">\r\n      <div class=\"step-item\" @click=\"handleQuestion\">\r\n        <img class=\"item-icon\" src=\"../../assets/plan_step3.png\" alt=\"\">\r\n        <p class=\"item-text\">登轮支付</p>\r\n      </div>\r\n      <img class=\"icon-arrow\" src=\"../../assets/icons/icon_arrow_r.png\" alt=\"\">\r\n      <div class=\"step-item\">\r\n        <img class=\"item-icon\" src=\"../../assets/plan_step4.png\" alt=\"\">\r\n        <p class=\"item-text\">享受假期</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'BeginnersTipsPlan',\r\n  methods: {\r\n    handleBindTicket () {\r\n      if (this.$store.getters.isLogin && this.$store.state.bindTicket) return\r\n      this.$router.push(this.$store.getters.isLogin ? '/bind_ticket' : '/login')\r\n    },\r\n    handleBooking () {\r\n      this.$router.push({\r\n        name: 'Index',\r\n        params: {\r\n          fromIndex: '1'\r\n        }\r\n      })\r\n    },\r\n    handleQuestion () {\r\n      this.$router.push({\r\n        name: 'PageQuestion',\r\n        params: {\r\n          fromIndex: '1'\r\n        }\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.plan-box{\r\n  background: url(../../assets/beginners_tips_bj.jpg) no-repeat center;\r\n  background-size: cover;\r\n  padding: 60px 0 70px;\r\n  .sub-title {\r\n    position: relative;\r\n    font-size: 30px;\r\n    font-weight: bold;\r\n    line-height: 54px;\r\n    text-align: center;\r\n    color: @main-gray7;\r\n    &::before,\r\n    &::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 50%;\r\n      z-index: 1;\r\n      width: 190px;\r\n      height: 4px;\r\n      margin-top: -2px;\r\n      background-color: @second-color;\r\n    }\r\n    &::before {\r\n      left: 20px;\r\n    }\r\n    &::after {\r\n      right: 20px;\r\n    }\r\n    &.package {\r\n      &::before,\r\n      &::after {\r\n        width: 280px;\r\n      }\r\n    }\r\n  }\r\n  .plan-steps {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 30px 48px 46px;\r\n    .step-item {\r\n      flex: none;\r\n      width: 112px;\r\n      .item-icon {\r\n        display: block;\r\n        width: 100%;\r\n      }\r\n      .item-text {\r\n        margin-top: 12px;\r\n        font-size: 24px;\r\n        line-height: 42px;\r\n        text-align: center;\r\n        color: @main-gray7;\r\n      }\r\n    }\r\n    .icon-arrow {\r\n      height: 16px;\r\n      margin-top: 52px;\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!./BeginnersTipsPlan.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!./BeginnersTipsPlan.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BeginnersTipsPlan.vue?vue&type=template&id=7ef241c4&scoped=true\"\nimport script from \"./BeginnersTipsPlan.vue?vue&type=script&lang=js\"\nexport * from \"./BeginnersTipsPlan.vue?vue&type=script&lang=js\"\nimport style0 from \"./BeginnersTipsPlan.vue?vue&type=style&index=0&id=7ef241c4&prod&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  \"7ef241c4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"custom-swiper\"},[_vm._m(0),_c('swiper',{attrs:{\"options\":_vm.swiperOption}},[_vm._l((_vm.listData),function(item,index){return _c('swiper-slide',{key:index},[_c('div',{staticClass:\"swiper-item\"},[_c('div',{staticClass:\"item-bd\"},[_c('div',{staticClass:\"item-bd-left\",on:{\"click\":function($event){return _vm.playVideo(index+1)}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/PCP/PROD/Mobile/WechatIMG1869.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"item-bd-right\"},[_c('div',{staticClass:\"right-number\"},[_vm._v(\" STEP \"),_c('span',[_vm._v(_vm._s((index+1)>9 ? (index+1) : '0'+(index+1)))])]),_c('div',{staticClass:\"right-content\"},[_c('div',{staticClass:\"content-top\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"content-bottom\"},[_vm._v(\" \"+_vm._s(item.text)+\" \")])])])])])])}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2),_c('div',{class:_vm.show?'pop-box cur':'pop-box'},[_c('van-icon',{staticClass:\"pop-close-btn\",attrs:{\"name\":\"cross\"},on:{\"click\":_vm.closePop}}),_c('video',{ref:\"video\",staticClass:\"pop-video\",attrs:{\"webview.allowsInlineMediaPlayback\":\"yes\",\"webkit-playsinline\":\"\",\"playsinline\":\"\",\"autoplay\":\"\",\"controls\":\"\",\"x5-video-player-type\":\"h5\",\"x5-video-orientation\":\"portraint\",\"src\":_vm.videoUrl}})],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item-hd\"},[_c('div',{staticClass:\"item-title\"},[_vm._v(\"皇家行前订手机端使用指南\")]),_c('div',{staticClass:\"item-tips\"},[_c('p',{staticStyle:{\"text-indent\":\"2em\"}},[_vm._v(\"已预订船票客人需备有船票订单号或舱房号进行预订，皇家官网、微信小程序或飞猪旗舰店客人可通过船票预订成功短信或邮件查看订单信息，旅行社客人请联系相关销售人员咨询舱房信息。\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"custom-swiper\">\r\n    <div class=\"item-hd\">\r\n      <div class=\"item-title\">皇家行前订手机端使用指南</div>\r\n      <div class=\"item-tips\">\r\n        <p style=\"text-indent: 2em;\">已预订船票客人需备有船票订单号或舱房号进行预订，皇家官网、微信小程序或飞猪旗舰店客人可通过船票预订成功短信或邮件查看订单信息，旅行社客人请联系相关销售人员咨询舱房信息。</p>\r\n      </div>\r\n    </div>\r\n    <swiper :options=\"swiperOption\">\r\n      <swiper-slide v-for=\"(item,index) in listData\" :key=\"index\">\r\n        <div class=\"swiper-item\">\r\n          <div class=\"item-bd\">\r\n            <div class=\"item-bd-left\" @click=\"playVideo(index+1)\">\r\n              <!-- <img src=\"../../assets/beginners_tips_img01.gif\" alt=\"\"> -->\r\n              <img src=\"https://resource.rcclchina.com.cn/PCP/PROD/Mobile/WechatIMG1869.png\" alt=\"\">\r\n            </div>\r\n            <div class=\"item-bd-right\">\r\n              <div class=\"right-number\">\r\n                STEP <span>{{(index+1)>9 ? (index+1) : '0'+(index+1) }}</span>\r\n              </div>\r\n              <div class=\"right-content\">\r\n                <div class=\"content-top\">\r\n                  {{item.title}}\r\n                </div>\r\n                <div class=\"content-bottom\">\r\n                  {{item.text}}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </swiper-slide>\r\n      <div class=\"swiper-pagination\" slot=\"pagination\"></div>\r\n    </swiper>\r\n    <div :class=\"show?'pop-box cur':'pop-box'\">\r\n      <van-icon name=\"cross\" class=\"pop-close-btn\" @click=\"closePop\"/>\r\n      <video class=\"pop-video\"\r\n        webview.allowsInlineMediaPlayback = 'yes'\r\n        webkit-playsinline\r\n        playsinline\r\n        autoplay\r\n        controls\r\n        x5-video-player-type=\"h5\"\r\n        x5-video-orientation=\"portraint\"\r\n        ref=\"video\"\r\n        :src=\"videoUrl\">\r\n      </video>\r\n      <!-- <video id=\"playVideos\" ref=\"video\" autoplay=\"autoplay\" loop=\"loop\" muted width=\"100%\" height=\"100%\">\r\n        <source :src=\"videoUrl\" type=\"video/mp4\">\r\n      </video> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'BeginnersTipsSwiper',\r\n\r\n  data () {\r\n    return {\r\n      show: false,\r\n      videoUrl: 'https://resource.rcclchina.com.cn/PCP/PROD/videos/Step1.mp4',\r\n      swiperOption: {\r\n        autoplay: false,\r\n        pagination: {\r\n          el: '.swiper-pagination'\r\n        }\r\n      },\r\n      listData: [\r\n        {\r\n          title: '使用手机号登陆会员，输入船票订单号或舱房号绑定船票',\r\n          text: ''\r\n        },\r\n        {\r\n          title: '浏览您感兴趣的产品详情，选择加入购物车',\r\n          text: '*部分活动对于参与人身高年龄等有限制，请务必查看产品详情'\r\n        },\r\n        {\r\n          title: '选择产品日期时段和参与人，进入订单确认页',\r\n          text: ''\r\n        },\r\n        {\r\n          title: '选择预订支付人作为整张订单的付款人，阅读条款细则后提交订单',\r\n          text: '*订单费用将于登轮后于预订支付人绑定船卡中扣除'\r\n        },\r\n        {\r\n          title: '完成预订，可选择查看订单详情或为其他房间客人创建订单',\r\n          text: '*您将会收到确认短信和邮件便于后续查找订单'\r\n        }\r\n      ],\r\n      playing: false\r\n    }\r\n  },\r\n  methods: {\r\n    playVideo (index) {\r\n      this.$refs.video.displayTime = '00:00'\r\n      this.videoUrl = `https://resource.rcclchina.com.cn/PCP/PROD/videos/Step${index}.mp4`\r\n      // this.$refs.video.src(`https://resource.rcclchina.com.cn/PCP/PROD/videos/Step${index}.mp4`)\r\n      this.$refs.video.play()\r\n      this.show = true\r\n      try {\r\n        this.$refs.video.addEventListener('ended', e => {\r\n          this.$refs.video.pause()\r\n          this.show = false\r\n          console.log(e)\r\n          \r\n        })\r\n      } catch (e) {\r\n        // 捕获url异常出现的错误\r\n      }\r\n    },\r\n    closePop () {\r\n      this.$refs.video.pause()\r\n      // this.videoUrl = ''\r\n      this.show = false\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.custom-swiper{\r\n  padding: 70px 50px 50px;\r\n  .pop-box {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    z-index: 100;\r\n    background-color: #ffffff;\r\n    transition: all .3s ease;\r\n    opacity: 0;\r\n    transform: scale(.5);\r\n    visibility: hidden;\r\n    &.cur{\r\n      opacity: 1;\r\n      transform: scale(1);\r\n      visibility: visible;\r\n    }\r\n    .pop-close-btn{\r\n      position: absolute;\r\n      right: 3%;\r\n      top: 2%;\r\n      font-size: 70px;\r\n      background-color: rgba(0,0,0,.5);\r\n      color: #ffffff;\r\n      z-index: 110;\r\n    }\r\n  }\r\n  .pop-video {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  .item-hd{\r\n    font-size: 24px;\r\n    line-height: 1.8;\r\n    color: @main-gray3;\r\n    text-align: center;\r\n    .item-title{\r\n      font-size: 30px;\r\n      font-weight: bold;\r\n      color: @main-color;\r\n      padding-bottom: 24px;\r\n    }\r\n  }\r\n  .swiper-pagination{\r\n    bottom: 20px;\r\n  }\r\n  .swiper-item{\r\n    height: 600px;\r\n    .item-bd{\r\n      display: flex;\r\n      padding-top: 50px;\r\n      .item-bd-left{\r\n        width: 243px;\r\n        // height: 496px;\r\n        margin-right: 40px;\r\n        margin-left: 4px;\r\n        img{\r\n          width: 100%;\r\n        }\r\n      }\r\n      .item-bd-right{\r\n        flex: 1;\r\n        font-size: 24px;\r\n        color: @main-gray4;\r\n        line-height: 1.8;\r\n        .right-number{\r\n          padding-bottom: 20px;\r\n          span{\r\n            font-size: 60px;\r\n            color: #242e65;\r\n            font-weight: bold;\r\n          }\r\n        }\r\n        .content-top{\r\n          color: @main-gray3;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .item-tips {\r\n    text-align: left;\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!./BeginnersTipsSwiper.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!./BeginnersTipsSwiper.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BeginnersTipsSwiper.vue?vue&type=template&id=2f64c0b7&scoped=true\"\nimport script from \"./BeginnersTipsSwiper.vue?vue&type=script&lang=js\"\nexport * from \"./BeginnersTipsSwiper.vue?vue&type=script&lang=js\"\nimport style0 from \"./BeginnersTipsSwiper.vue?vue&type=style&index=0&id=2f64c0b7&prod&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  \"2f64c0b7\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"beginners-tips\">\r\n    <!--banner-->\r\n    <div class=\"banner\">\r\n      <img src=\"../assets/beginners_tips_banner.jpg\" alt=\"\">\r\n      <!-- <div class=\"banner-title\">\r\n        <img src=\"../assets/beginners_tips_title.png\" alt=\"\">\r\n      </div> -->\r\n    </div>\r\n    <!--指南轮播-->\r\n    <BeginnersTipsSwiper/>\r\n    <!--规划-->\r\n    <BeginnersTipsPlan/>\r\n    <!--产品说明-->\r\n<!--    <BeginnersExplain/>-->\r\n    <!-- footer -->\r\n    <base-footer />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport BaseFooter from '@/components/BaseFooter'\r\n// import BeginnersExplain from './beginners_tips/BeginnersExplain'\r\nimport BeginnersTipsPlan from './beginners_tips/BeginnersTipsPlan'\r\nimport BeginnersTipsSwiper from './beginners_tips/BeginnersTipsSwiper'\r\nexport default {\r\n  name: 'PageBeginnersTips',\r\n\r\n  components: {\r\n    BaseFooter,\r\n    // BeginnersExplain,\r\n    BeginnersTipsPlan,\r\n    BeginnersTipsSwiper\r\n  },\r\n\r\n  data () {\r\n    return {}\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.beginners-tips{\r\n  .banner{\r\n    width: 100%;\r\n    position: relative;\r\n    img{\r\n      width: 100%;\r\n      display: block;\r\n    }\r\n    .banner-title{\r\n      position: absolute;\r\n      width: 220px;\r\n      height: 220px;\r\n      top: 50%;\r\n      left: 50%;\r\n      margin-left: -110px;\r\n      margin-top: -110px;\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!./PageBeginnersTips.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!./PageBeginnersTips.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PageBeginnersTips.vue?vue&type=template&id=7c3f4897&scoped=true\"\nimport script from \"./PageBeginnersTips.vue?vue&type=script&lang=js\"\nexport * from \"./PageBeginnersTips.vue?vue&type=script&lang=js\"\nimport style0 from \"./PageBeginnersTips.vue?vue&type=style&index=0&id=7c3f4897&prod&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  \"7c3f4897\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"footer\"},[_vm._l((_vm.menuList),function(item,i){return _c('router-link',{key:i,staticClass:\"menu-item\",attrs:{\"tag\":\"div\",\"to\":item.url}},[_c('span',[_vm._v(_vm._s(item.title))]),_c('van-icon',{staticClass:\"item-icon\",attrs:{\"name\":\"arrow\"}})],1)}),_c('div',{staticClass:\"app-info\"},[_c('div',{staticClass:\"info-item\"},[_c('div',[(_vm.$store.state.isMiniApp)?_c('img',{staticClass:\"qr-code\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/logo/MB/QRCode-1.jpg\"}}):_c('img',{staticClass:\"qr-code\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/logo/MB/QRCode-2.jpg\"}}),_c('p',{staticClass:\"item-title\"},[_vm._v(\"微信公众号\")]),_c('p',{staticClass:\"item-info\"},[_vm._v(\"rcclchina2013\")])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.$store.state.isMiniApp),expression:\"!$store.state.isMiniApp\"}],staticClass:\"info-item weibo\"},[_c('div',{on:{\"click\":function($event){return _vm.handleBtnClick('https://weibo.com/rcclchina')}}},[_c('img',{staticClass:\"icon_weibo\",attrs:{\"src\":require(\"../assets/icon_weibo.png\"),\"alt\":\"\"}}),_c('p',{staticClass:\"item-title\"},[_vm._v(\"新浪微博\")]),_c('p',{staticClass:\"item-info\"},[_vm._v(\"皇家加勒比国际邮轮\")])])])]),_vm._m(0),_c('div',{staticClass:\"contact\"},[_c('div',{staticClass:\"btn-item\",on:{\"click\":function($event){return _vm.handleContactClick('https://rcclchina.udesk.cn/im_client/?web_plugin_id=75221')}}},[_vm._v(\"联系我们\")]),_c('div',{staticClass:\"btn-item\",on:{\"click\":function($event){return _vm.handleUserAgreement('https://mobile.rcclchina.com.cn/wz_index_law/index')}}},[_vm._v(\"用户协议\")]),_c('div',{staticClass:\"btn-item\",on:{\"click\":function($event){return _vm.handlePolicyClick('https://mobile.rcclchina.com.cn/wz_index_law_privacy/index')}}},[_vm._v(\"隐私政策\")])])],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"service-tel\"},[_c('p',[_vm._v(\"大陆地区客服热线 \"),_c('a',{attrs:{\"href\":\"tel:400-820-3187\"}},[_vm._v(\"400-820-3187\")])]),_c('p',[_vm._v(\"服务时间：周一至周五 09:00-18:00(周末和节假日除外)\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"footer\">\r\n    <router-link\r\n      class=\"menu-item\"\r\n      tag=\"div\"\r\n      v-for=\"(item, i) in menuList\"\r\n      :to=\"item.url\"\r\n      :key=\"i\">\r\n      <span>{{item.title}}</span>\r\n      <van-icon class=\"item-icon\" name=\"arrow\" />\r\n    </router-link>\r\n    <div class=\"app-info\">\r\n      <div class=\"info-item\">\r\n        <div>\r\n          <img v-if=\"$store.state.isMiniApp\" class=\"qr-code\" src=\"https://resource.rcclchina.com.cn/logo/MB/QRCode-1.jpg\" />\r\n          <img v-else class=\"qr-code\" src=\"https://resource.rcclchina.com.cn/logo/MB/QRCode-2.jpg\" />\r\n          <p class=\"item-title\">微信公众号</p>\r\n          <p class=\"item-info\">rcclchina2013</p>\r\n        </div>\r\n      </div>\r\n      <div class=\"info-item weibo\" v-show=\"!$store.state.isMiniApp\">\r\n        <div @click=\"handleBtnClick('https://weibo.com/rcclchina')\">\r\n          <img class=\"icon_weibo\" src=\"../assets/icon_weibo.png\" alt=\"\">\r\n          <p class=\"item-title\">新浪微博</p>\r\n          <p class=\"item-info\">皇家加勒比国际邮轮</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"service-tel\">\r\n      <p>大陆地区客服热线 <a href=\"tel:400-820-3187\">400-820-3187</a></p>\r\n      <p>服务时间：周一至周五 09:00-18:00(周末和节假日除外)</p>\r\n      <!-- <a href=\"tel:400-820-3187\">\r\n        <span class=\"label\">客服热线</span>\r\n        <span>400-820-3187</span>\r\n      </a> -->\r\n    </div>\r\n    <div class=\"contact\">\r\n      <div class=\"btn-item\" @click=\"handleContactClick('https://rcclchina.udesk.cn/im_client/?web_plugin_id=75221')\">联系我们</div>\r\n      <div class=\"btn-item\" @click=\"handleUserAgreement('https://mobile.rcclchina.com.cn/wz_index_law/index')\">用户协议</div>\r\n      <div class=\"btn-item\" @click=\"handlePolicyClick('https://mobile.rcclchina.com.cn/wz_index_law_privacy/index')\">隐私政策</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { footerMenu as menuList } from '@/utils/dict'\r\nimport { mapState } from 'vuex'\r\nexport default {\r\n  name: 'BaseFooter',\r\n\r\n  data () {\r\n    return {\r\n      menuList\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapState(['isMiniApp'])\r\n  },\r\n  methods: {\r\n    handleBtnClick (href) {\r\n      window.location.href = href\r\n    },\r\n    async handleContactClick (href) {\r\n      // https://mobile.rcclchina.com.cn/contactUsMobile\r\n      if (this.isMiniApp) {\r\n        window.open('https://rcclchina.udesk.cn/im_client/?web_plugin_id=75221', 'newwindow')\r\n      } else {\r\n        window.location.href = href\r\n      }\r\n    },\r\n    async handleUserAgreement (href) {\r\n      if (this.isMiniApp) {\r\n        window.wx.miniProgram.navigateTo({ url: '/pages/userAgreement/userAgreement' })\r\n      } else {\r\n        window.location.href = href\r\n      }\r\n    },\r\n    async handlePolicyClick (href) {\r\n      if (this.isMiniApp) {\r\n        window.wx.miniProgram.navigateTo({ url: '/pages/privacyPolicy/privacyPolicy' })\r\n      } else {\r\n        window.location.href = href\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.border-bottom {\r\n  border-bottom: 1px solid #1c3055;\r\n}\r\n.flex {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n.footer {\r\n  background-color: #021942;\r\n  .menu-item {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    height: 90px;\r\n    padding: 0 46px 0 50px;\r\n    .border-bottom;\r\n    font-size: 28px;\r\n    color: #fff;\r\n    &:active {\r\n      background-color: #1c3055;\r\n    }\r\n  }\r\n  .app-info {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    .border-bottom;\r\n    .info-item {\r\n      flex: none;\r\n      .flex;\r\n      width: 50%;\r\n      height: 350px;\r\n      text-align: center;\r\n      &.weibo {\r\n        position: relative;\r\n        &::after {\r\n          content: \"\";\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 0;\r\n          z-index: 1;\r\n          width: 1px;\r\n          height: 250px;\r\n          margin-top: -125px;\r\n          background-color: #0f254c;\r\n        }\r\n      }\r\n      .qr-code {\r\n        display: block;\r\n        width: 145px;\r\n      }\r\n      .icon_weibo {\r\n        display: block;\r\n        width: 157px;\r\n        margin: 0 auto 28px;\r\n      }\r\n      .item-title {\r\n        margin-top: 16px;\r\n        font-size: 18px;\r\n        color: @extra-color;\r\n        line-height: 28px;\r\n      }\r\n      .item-info {\r\n        font-size: 18px;\r\n        color: #fff;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n  }\r\n  .service-tel {\r\n    // .flex;\r\n    color: #fff;\r\n    text-align: center;\r\n    // height: 170px;\r\n    padding: 20px;\r\n    .border-bottom;\r\n    font-size: 24px;\r\n    a {\r\n      color: #fff;\r\n    }\r\n    p {\r\n      margin-bottom: 10px;\r\n    }\r\n    span {\r\n      color: #fff;\r\n    }\r\n    .label {\r\n      margin-right: 16px;\r\n      color: @extra-color;\r\n    }\r\n  }\r\n  .contact {\r\n    .flex;\r\n    height: 122px;\r\n    .btn-item {\r\n      margin: 0 36px;\r\n      font-size: 24px;\r\n      color: #fff;\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!./BaseFooter.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!./BaseFooter.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BaseFooter.vue?vue&type=template&id=7d70f9a3&scoped=true\"\nimport script from \"./BaseFooter.vue?vue&type=script&lang=js\"\nexport * from \"./BaseFooter.vue?vue&type=script&lang=js\"\nimport style0 from \"./BaseFooter.vue?vue&type=style&index=0&id=7d70f9a3&prod&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  \"7d70f9a3\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/plan_step2.b518b7cd.png\";","module.exports = __webpack_public_path__ + \"img/plan_step1.51ce5d0c.png\";","module.exports = __webpack_public_path__ + \"img/plan_step3.b4302a93.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAqUlEQVQ4je3SMWpCQRSF4S/YWcQmLsAlWOkqxMJKK0s3YOFOLIWkcg+WgmBn4QpcQEgRCIgycIvhjc/XBw9Mc8/9/+IyIj28KdPBRzGtZIEbPtHKqiS84BuDgsoyDkF6XxXJMeaNkkWNpIvTS2KTzauSfkFG2jjH4m/lj8wz+aogA97FwhXTrBvhL7oD3pvg2RO480/glGUNnC7/0wSnDLHH5EG3xrYWxh3I4VX3g4HUigAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"img/plan_step4.c1bd201f.png\";","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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BeginnersTipsSwiper.vue?vue&type=style&index=0&id=2f64c0b7&prod&lang=less&scoped=true\"","module.exports = __webpack_public_path__ + \"img/beginners_tips_banner.544161a4.jpg\";","module.exports = __webpack_public_path__ + \"img/icon_weibo.fa6dcaa0.png\";","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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseFooter.vue?vue&type=style&index=0&id=7d70f9a3&prod&lang=less&scoped=true\""],"sourceRoot":""}