{"version":3,"sources":["webpack:///./src/components/Ship/RoyalExperienceShips.vue?eb7d","webpack:///./src/components/Ship/RoyalExperienceShips.vue?066c","webpack:///src/components/Ship/RoyalExperienceShips.vue","webpack:///./src/components/Ship/RoyalExperienceShips.vue?8191","webpack:///./src/components/Ship/RoyalExperienceShips.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","showShips","length","directives","name","rawName","value","expression","arg","_l","ship","i","key","staticStyle","attrs","imageUrl","shipCNName","_v","_s","subTitle","shipLink","shipCode","class","active","on","$event","bannerImageChange","_e","staticRenderFns","component"],"mappings":"kHAAA,yBAA0kB,EAAG,G,2CCA7kB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACN,EAAIO,GAAG,GAAIP,EAAIQ,WAAWR,EAAIQ,UAAUC,OAAO,EAAGL,EAAG,MAAM,CAACM,WAAW,CAAC,CAACC,KAAK,SAASC,QAAQ,wBAAwBC,MAAOb,EAAiB,cAAEc,WAAW,gBAAgBC,IAAI,iBAAiBT,YAAY,kEAAkE,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkBN,EAAIgB,GAAIhB,EAAa,WAAE,SAASiB,EAAKC,GAAG,OAAOd,EAAG,MAAM,CAACe,IAAK,QAAQD,EAAGZ,YAAY,eAAec,YAAY,CAAC,MAAQ,UAAU,CAAChB,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAUe,MAAM,CAAC,IAAMJ,EAAKK,SAAS,IAAML,EAAKM,gBAAgBnB,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACA,EAAG,IAAI,CAACE,YAAY,4BAA4B,CAACN,EAAIwB,GAAGxB,EAAIyB,GAAGR,EAAKM,eAAenB,EAAG,IAAI,CAACE,YAAY,4BAA4B,CAACN,EAAIwB,GAAGxB,EAAIyB,GAAGR,EAAKS,iBAAiBtB,EAAG,cAAc,CAACE,YAAY,yBAAyBe,MAAM,CAAC,GAAKrB,EAAI2B,SAASV,EAAKW,cAAc,MAAK,GAAGxB,EAAG,MAAM,CAACE,YAAY,0EAA0Ec,YAAY,CAAC,cAAc,UAAUpB,EAAIgB,GAAIhB,EAAa,WAAE,SAASiB,EAAKC,GAAG,OAAOd,EAAG,OAAO,CAACe,IAAK,aAAaD,EAAGZ,YAAY,qCAAqCuB,MAAM,CAAEC,OAAW,GAAHZ,QAAU,GAAGd,EAAG,MAAM,CAACE,YAAY,qBAAqByB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhC,EAAIiC,kBAAkB,WAAW,CAAC7B,EAAG,SAASA,EAAG,MAAM,CAACE,YAAY,qBAAqByB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhC,EAAIiC,kBAAkB,WAAW,CAAC7B,EAAG,MAAM,QAAQJ,EAAIkC,QAC1jDC,EAAkB,CAAC,WAAa,IAAInC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,+BAA+BF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACN,EAAIwB,GAAG,c,wBC6CtQ,G,UAAA,CACE,KAAF,uBACE,WAAF,CACI,OAAJ,gBAEE,MAAF,CACI,MAAJ,CACM,KAAN,MACM,QAFN,WAGQ,MAAR,MAIE,KAbF,WAcI,MAAJ,CACM,cAAN,CACQ,MAAR,EACQ,GAAR,CACU,yBAAV,8BAKE,QAAF,CACI,kBADJ,SACA,GACA,UACQ,KAAR,yBAEQ,KAAR,0BAGI,qBARJ,WASM,GAAN,mBAGQ,IAFA,IAAR,8BACA,+CACA,oBACU,IAAV,OACU,EAAV,2BAEQ,EAAR,0BAGI,SAnBJ,SAmBA,GACM,MAAN,oCAGE,SAAF,CACI,UADJ,WAEM,OAAN,0CAAQ,OAAR,mBC9F6W,I,wBCQzWY,EAAY,eACd,EACArC,EACAoC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-da9b5056.3ff4c3f3.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!./RoyalExperienceShips.vue?vue&type=style&index=0&id=7546ea67&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!./RoyalExperienceShips.vue?vue&type=style&index=0&id=7546ea67&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipDetail-commonTitle\"},[_c('div',{staticClass:\"shipDetail-commonTitleLine\"}),_c('div',{staticClass:\"shipDetail-commonTxt\"},[_vm._v(\"皇家船队\")])])}]\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=7546ea67&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=7546ea67&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  \"7546ea67\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}