{"version":3,"sources":["webpack:///./src/components/Ship/RoyalExperienceShips.vue","webpack:///src/components/Ship/RoyalExperienceShips.vue","webpack:///./src/components/Ship/RoyalExperienceShips.vue?eccd","webpack:///./src/components/Ship/RoyalExperienceShips.vue?bef5","webpack:///./src/components/Ship/RoyalExperienceShips.vue?8e9e"],"names":["render","_vm","this","_c","_self","staticClass","_m","showShips","length","directives","name","rawName","value","swiperOptions","expression","arg","_l","ship","i","key","staticStyle","attrs","imageUrl","shipCNName","_v","_s","subTitle","shipLink","shipCode","class","active","on","$event","bannerImageChange","_e","staticRenderFns","swiper","directive","props","ships","type","Array","default","data","loop","slideChangeTransitionEnd","onBannerSliderChange","methods","slide","bannerSwiper","slidePrev","slideNext","index","realIndex","dots","document","getElementsByClassName","dot","classList","remove","className","computed","filter","r","isInHp","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACJ,EAAIK,GAAG,GAAIL,EAAIM,WAAWN,EAAIM,UAAUC,OAAO,EAAGL,EAAG,MAAM,CAACM,WAAW,CAAC,CAACC,KAAK,SAASC,QAAQ,wBAAwBC,MAAOX,EAAIY,cAAeC,WAAW,gBAAgBC,IAAI,iBAAiBV,YAAY,kEAAkE,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkBJ,EAAIe,GAAIf,EAAIM,WAAW,SAASU,EAAKC,GAAG,OAAOf,EAAG,MAAM,CAACgB,IAAK,QAAQD,EAAGb,YAAY,eAAee,YAAY,CAAC,MAAQ,UAAU,CAACjB,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAUgB,MAAM,CAAC,IAAMJ,EAAKK,SAAS,IAAML,EAAKM,gBAAgBpB,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACA,EAAG,IAAI,CAACE,YAAY,4BAA4B,CAACJ,EAAIuB,GAAGvB,EAAIwB,GAAGR,EAAKM,eAAepB,EAAG,IAAI,CAACE,YAAY,4BAA4B,CAACJ,EAAIuB,GAAGvB,EAAIwB,GAAGR,EAAKS,iBAAiBvB,EAAG,cAAc,CAACE,YAAY,yBAAyBgB,MAAM,CAAC,GAAKpB,EAAI0B,SAASV,EAAKW,cAAc,MAAK,GAAGzB,EAAG,MAAM,CAACE,YAAY,0EAA0Ee,YAAY,CAAC,cAAc,UAAUnB,EAAIe,GAAIf,EAAIM,WAAW,SAASU,EAAKC,GAAG,OAAOf,EAAG,OAAO,CAACgB,IAAK,aAAaD,EAAGb,YAAY,qCAAqCwB,MAAM,CAAEC,OAAW,GAAHZ,QAAU,GAAGf,EAAG,MAAM,CAACE,YAAY,qBAAqB0B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO/B,EAAIgC,kBAAkB,WAAW,CAAC9B,EAAG,SAASA,EAAG,MAAM,CAACE,YAAY,qBAAqB0B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO/B,EAAIgC,kBAAkB,WAAW,CAAC9B,EAAG,MAAM,QAAQF,EAAIiC,QAE7hDC,EAAkB,CAAC,WAAY,IAAIlC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,+BAA+BF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACJ,EAAIuB,GAAG,c,YC4CpN,G,UAAA,CACfd,KAAA,uBACAD,WAAA,CACA2B,OAAAC,gBAEAC,MAAA,CACAC,MAAA,CACAC,KAAAC,MACAC,UACA,YAIAC,OACA,OACA9B,cAAA,CACA+B,MAAA,EACAb,GAAA,CACAc,yBAAA,KAAAC,yBAKAC,QAAA,CACAd,kBAAAe,GACA,QAAAA,EACA,KAAAC,aAAAC,YAEA,KAAAD,aAAAE,aAGAL,uBACA,QAAAG,aAAA,CACA,MAAAG,EAAA,KAAAH,aAAAI,UACAC,EAAAC,SAAAC,uBAAA,aACA,QAAAtC,EAAA,EAAAA,EAAAoC,EAAA9C,OAAAU,IAAA,CACA,IAAAuC,EAAAH,EAAApC,GACAuC,EAAAC,UAAAC,OAAA,UAEAL,EAAAF,GAAAQ,WAAA,YAGAjC,SAAAC,GACA,8BAAAA,IAGAiC,SAAA,CACAtD,YACA,YAAAgC,MAAA,KAAAA,MAAAuB,OAAAC,KAAAC,QAAA,OC9F4W,I,wBCQxWC,EAAY,eACd,EACAjE,EACAmC,GACA,EACA,KACA,WACA,MAIa,aAAA8B,E,6CCnBf,W","file":"js/chunk-961ea7aa.ed4f2d57.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"shipDetail-royalShips\"},[_vm._m(0),(_vm.showShips&&_vm.showShips.length>0)?_c('div',{directives:[{name:\"swiper\",rawName:\"v-swiper:bannerSwiper\",value:(_vm.swiperOptions),expression:\"swiperOptions\",arg:\"bannerSwiper\"}],staticClass:\"swiper-container swiper-container3 swiper-container-horizontal\"},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.showShips),function(ship,i){return _c('div',{key:('ship_'+i),staticClass:\"swiper-slide\",staticStyle:{\"width\":\"351px\"}},[_c('div',{staticClass:\"intro_headImg\"},[_c('img',{staticClass:\"headImg\",attrs:{\"src\":ship.imageUrl,\"alt\":ship.shipCNName}})]),_c('div',{staticClass:\"shipIndex-ship-itemName\"},[_c('div',[_c('p',{staticClass:\"shipIndex-ship-itemCName\"},[_vm._v(_vm._s(ship.shipCNName))]),_c('p',{staticClass:\"shipIndex-ship-itemEName\"},[_vm._v(_vm._s(ship.subTitle))])])]),_c('router-link',{staticClass:\"hold-shipLink external\",attrs:{\"to\":_vm.shipLink(ship.shipCode)}})],1)}),0),_c('div',{staticClass:\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets\",staticStyle:{\"margin-left\":\"-34px\"}},_vm._l((_vm.showShips),function(ship,i){return _c('span',{key:('shipIndex_'+i),staticClass:\"swiper-pagination-bullet bannerDot\",class:{ active: i==0}})}),0),_c('div',{staticClass:\"swiper-button-prev\",on:{\"click\":function($event){return _vm.bannerImageChange('prev')}}},[_c('div')]),_c('div',{staticClass:\"swiper-button-next\",on:{\"click\":function($event){return _vm.bannerImageChange('next')}}},[_c('div',{})])]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"shipDetail-commonTitle\"},[_c('div',{staticClass:\"shipDetail-commonTitleLine\"}),_c('div',{staticClass:\"shipDetail-commonTxt\"},[_vm._v(\"皇家船队\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"shipDetail-royalShips\">\r\n        <div class=\"shipDetail-commonTitle\">\r\n            <div class=\"shipDetail-commonTitleLine\"></div>\r\n            <div class=\"shipDetail-commonTxt\">皇家船队</div>\r\n        </div>\r\n        <div class=\"swiper-container swiper-container3 swiper-container-horizontal\"\r\n        v-swiper:bannerSwiper=\"swiperOptions\" \r\n            v-if=\"showShips&&showShips.length>0\">\r\n            <!-- Slides wrapper -->\r\n            <div class=\"swiper-wrapper\">\r\n                <div class=\"swiper-slide\" style=\"width: 351px;\" v-for=\"(ship, i) in showShips\" :key=\"('ship_'+i)\">\r\n                    <div class=\"intro_headImg\">\r\n                        <img class=\"headImg\" :src=\"ship.imageUrl\"\r\n                            :alt=\"ship.shipCNName\">\r\n                    </div>\r\n                    <div class=\"shipIndex-ship-itemName\">\r\n                        <div>\r\n                            <p class=\"shipIndex-ship-itemCName\">{{ship.shipCNName}}</p>\r\n                            <p class=\"shipIndex-ship-itemEName\">{{ship.subTitle}}</p>\r\n                        </div>\r\n                    </div>\r\n                    <router-link class=\"hold-shipLink external\" :to=\"shipLink(ship.shipCode)\"></router-link>\r\n                </div>\r\n            </div>\r\n            <!-- 分页 -->\r\n            <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets\"\r\n                style=\"margin-left: -34px;\">\r\n                <span class=\"swiper-pagination-bullet bannerDot\" :class=\"{ active: i==0}\"\r\n                v-for=\"(ship, i) in showShips\" :key=\"('shipIndex_'+i)\"\r\n                    ></span>\r\n            </div>\r\n            <!-- 左右按钮 -->\r\n            <div class=\"swiper-button-prev\" @click=\"bannerImageChange('prev')\">\r\n                <div></div>\r\n            </div>\r\n            <div class=\"swiper-button-next\" @click=\"bannerImageChange('next')\">\r\n                <div class=\"\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { directive } from 'vue-awesome-swiper'\r\nimport 'swiper/css/swiper.css'\r\nexport default {\r\n    name: \"RoyalExperienceShips\",\r\n    directives: {\r\n        swiper: directive\r\n    },\r\n    props: {\r\n        ships: {\r\n            type: Array,\r\n            default () {\r\n                return []\r\n            }\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            swiperOptions: {\r\n                loop: true,\r\n                on: {\r\n                    slideChangeTransitionEnd: this.onBannerSliderChange\r\n                }\r\n            }\r\n        }\r\n    },\r\n    methods: {\r\n        bannerImageChange(slide) {\r\n            if (slide == 'prev') {\r\n                this.bannerSwiper.slidePrev()\r\n            } else {\r\n                this.bannerSwiper.slideNext()\r\n            }\r\n        },\r\n        onBannerSliderChange () {\r\n            if (this.bannerSwiper) {\r\n                const index = this.bannerSwiper.realIndex\r\n                const dots = document.getElementsByClassName('bannerDot')\r\n                for (let i = 0; i < dots.length; i++) {\r\n                    var dot = dots[i]\r\n                    dot.classList.remove('active')\r\n                }\r\n                dots[index].className += ' active'\r\n            }\r\n        },\r\n        shipLink (shipCode) {\r\n            return `/content/taste/ships/${shipCode}` \r\n        }\r\n    },\r\n    computed: {\r\n        showShips () {\r\n            return this.ships ? this.ships.filter(r=>r.isInHp) : []\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.shipDetail-royalShips {\r\n    width: 100%;\r\n    background-color: #fff;\r\n    padding: 0 3.2% 10px 3.2%;\r\n    .shipDetail-commonTitle {\r\n        padding: 27px 0;\r\n        position: relative;\r\n        .shipDetail-commonTitleLine {\r\n            height: 1px;\r\n            background-color: #fecc46;\r\n        }\r\n        .shipDetail-commonTxt {\r\n            width: 80px;\r\n            position: absolute;\r\n            top: 18px;\r\n            left: 50%;\r\n            margin-left: -40px;\r\n            padding: 0 1.867%;\r\n            background-color: #fff;\r\n            text-align: center;\r\n            color: #061556;\r\n            font-size: 13px;\r\n        }\r\n    }\r\n\r\n    .swiper-container {\r\n        padding-bottom: 0;\r\n        .intro_headImg img {\r\n            width: 100%;\r\n            height: 130px;\r\n        }\r\n        .shipIndex-ship-itemName {\r\n            background-color: rgba(0,0,0,.3);\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            display: -webkit-flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            text-align: center;\r\n            p {\r\n                margin: 0;\r\n                color: #fff;\r\n            }\r\n            .shipIndex-ship-itemCName {\r\n                font-size: 18px;\r\n            }\r\n            .shipIndex-ship-itemEName {\r\n                font-size: 16px;\r\n                font-style: italic;\r\n            }\r\n        }\r\n        .hold-shipLink {\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: 22;\r\n        }\r\n    }\r\n\r\n    .swiper-pagination {\r\n        bottom: 8px;\r\n        left: 50%;\r\n        background-color: rgba(0,0,0,.3);\r\n        z-index: 4;\r\n        width: auto;\r\n        display: flex;\r\n        padding: 2px 7px;\r\n        border-radius: 6px;\r\n        .swiper-pagination-bullet {\r\n            background-color: #fff;\r\n            opacity: 1;\r\n            width: 6px;\r\n            height: 6px;\r\n        }\r\n        .swiper-pagination-bullet.active {\r\n            background-color: #febd11;\r\n            width: 12px;\r\n            height: 6px;\r\n            border-radius: 3px;\r\n        }\r\n    }\r\n\r\n    .swiper-button-prev, .swiper-button-next {\r\n        background-image: none;\r\n        width: 29px;\r\n        top: 46px;\r\n        height: 50%;\r\n    }\r\n\r\n    .swiper-button-prev > div {\r\n        width: 12px;\r\n        height: 21px;\r\n        top: 15px;\r\n        position: relative;\r\n        background-image: url('https://resource.rcclchina.com.cn/shipDetail/shipLeftArrow.png');\r\n        background-size: 100%;\r\n    }\r\n    .swiper-button-next > div {\r\n        width: 12px;\r\n        height: 21px;\r\n        top: 15px;\r\n        // left: 15px;\r\n        position: relative;\r\n        background-image: url('https://resource.rcclchina.com.cn/shipDetail/shipRightArrow.png');\r\n        background-size: 100%;\r\n    }\r\n\r\n    .swiper-button-prev:after, .swiper-button-next:after {\r\n        content: ''\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!./RoyalExperienceShips.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!./RoyalExperienceShips.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RoyalExperienceShips.vue?vue&type=template&id=5aba067a&scoped=true\"\nimport script from \"./RoyalExperienceShips.vue?vue&type=script&lang=js\"\nexport * from \"./RoyalExperienceShips.vue?vue&type=script&lang=js\"\nimport style0 from \"./RoyalExperienceShips.vue?vue&type=style&index=0&id=5aba067a&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  \"5aba067a\",\n  null\n  \n)\n\nexport default component.exports","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!./RoyalExperienceShips.vue?vue&type=style&index=0&id=5aba067a&prod&lang=less&scoped=true\""],"sourceRoot":""}