{"version":3,"sources":["webpack:///./src/components/Ship/ShipExperiencePopup.vue?8a3e","webpack:///src/components/Ship/ShipExperiencePopup.vue","webpack:///./src/components/Ship/ShipExperiencePopup.vue?cc1f","webpack:///./src/components/Ship/ShipExperiencePopup.vue","webpack:///./src/components/Ship/ShipExperiencePopup.vue?90a2"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","item","bannerItems","length","arg","_l","banner","i","key","staticStyle","attrs","on","$event","bannerImageChange","_e","_v","_s","briefTitle","vrUrl","brief1","style","briefStyle","brief2","brief3","brief4","brief5","brief6","brief7","brief8","brief9","shipTags","ship","link","description","showPcp","pcpUrl","_m","onClose","staticRenderFns","component"],"mappings":"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","file":"js/chunk-980f45be.3e6f8cc7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShow),expression:\"isShow\"}],staticClass:\"pcp_intro_content\"},[_c('div',{staticClass:\"intro_content\"},[(_vm.item.bannerItems&&_vm.item.bannerItems.length>1)?_c('div',{directives:[{name:\"swiper\",rawName:\"v-swiper:bannerSwiper\",value:(_vm.swiperOptions),expression:\"swiperOptions\",arg:\"bannerSwiper\"}],staticClass:\"swiper-container swiper-container2 swiper-container-horizontal\"},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.item.bannerItems),function(banner,i){return _c('div',{key:('banner_'+i),staticClass:\"swiper-slide\",staticStyle:{\"width\":\"351px\"}},[_c('div',{staticClass:\"intro_headImg\"},[_c('img',{staticClass:\"headImg\",attrs:{\"src\":banner}})])])}),0),_c('div',{staticClass:\"swiper-button-prev\",on:{\"click\":function($event){return _vm.bannerImageChange('prev')}}}),_c('div',{staticClass:\"swiper-button-next\",on:{\"click\":function($event){return _vm.bannerImageChange('next')}}})]):(_vm.item.bannerItems&&_vm.item.bannerItems.length==1)?_c('div',[_c('div',{staticClass:\"swiper-container\"},[_c('div',{staticClass:\"swiper-wrapper\"},[_c('div',{staticClass:\"swiper-slide\"},[_c('div',{staticClass:\"intro_headImg\"},[_c('img',{staticClass:\"headImg\",attrs:{\"src\":_vm.item.bannerItems[0]}})])])])])]):_vm._e(),_c('div',{staticClass:\"room_detail scroll-container\"},[_c('div',{staticClass:\"room_detail-topCon\"},[_c('div',{staticClass:\"room_detail-name\"},[_vm._v(_vm._s(_vm.item.name))]),_c('div',{staticClass:\"room_detail-seeVRBtn\"},[_c('span',[_vm._v(_vm._s(_vm.item.briefTitle))]),(_vm.item.vrUrl&&_vm.item.vrUrl.length>0)?_c('a',{staticClass:\"external seeVrShow\",attrs:{\"href\":_vm.item.vrUrl,\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/shipDetail/VRIcon.png\"}})]):_vm._e()])]),_c('div',{staticClass:\"room_detail-pcpIntro\"},[(_vm.item.brief1&&_vm.item.brief1.length>0)?_c('div',{staticClass:\"Rboard Brief1 Brief\",style:(_vm.briefStyle(_vm.item.brief1))},[_c('div',{staticClass:\"RboardImg BriefImg\"}),_c('div',{staticClass:\"RboardWr BriefText\"},[_vm._v(_vm._s(_vm.item.brief1))])]):_vm._e(),(_vm.item.brief2&&_vm.item.brief2.length>0)?_c('div',{staticClass:\"Rcontain Brief2 Brief\",style:(_vm.briefStyle(_vm.item.brief2))},[_c('div',{staticClass:\"RcontainImg BriefImg\"}),_c('div',{staticClass:\"RcontainWr BriefText\"},[_vm._v(_vm._s(_vm.item.brief2))])]):_vm._e(),(_vm.item.brief3&&_vm.item.brief3.length>0)?_c('div',{staticClass:\"RConsume Brief3 Brief\",style:(_vm.briefStyle(_vm.item.brief3))},[_c('div',{staticClass:\"RconsumeImg BriefImg\"}),_c('div',{staticClass:\"RconsumeWr BriefText\"},[_vm._v(_vm._s(_vm.item.brief3))])]):_vm._e(),(_vm.item.brief4&&_vm.item.brief4.length>0)?_c('div',{staticClass:\"RDressing Brief4 Brief\",style:(_vm.briefStyle(_vm.item.brief4))},[_c('div',{staticClass:\"RdressingImg BriefImg\"}),_c('div',{staticClass:\"RdressingWr BriefText\"},[_vm._v(_vm._s(_vm.item.brief4))])]):_vm._e(),(_vm.item.brief5&&_vm.item.brief5.length>0)?_c('div',{staticClass:\"RTiming Brief5 Brief\",style:(_vm.briefStyle(_vm.item.brief5))},[_c('div',{staticClass:\"RtimingImg BriefImg\"}),_c('div',{staticClass:\"RtimingWr BriefText\"},[_vm._v(_vm._s(_vm.item.brief5))])]):_vm._e(),(_vm.item.brief6&&_vm.item.brief6.length>0)?_c('div',{staticClass:\"Brief6 Brief \",style:(_vm.briefStyle(_vm.item.brief6))},[_c('div',{staticClass:\"BriefImg\"}),_c('div',{staticClass:\"BriefText\"},[_vm._v(_vm._s(_vm.item.brief6))])]):_vm._e(),(_vm.item.brief7&&_vm.item.brief7.length>0)?_c('div',{staticClass:\"Brief7 Brief \",style:(_vm.briefStyle(_vm.item.brief7))},[_c('div',{staticClass:\"BriefImg\"}),_c('div',{staticClass:\"BriefText\"},[_vm._v(_vm._s(_vm.item.brief7))])]):_vm._e(),(_vm.item.brief8&&_vm.item.brief8.length>0)?_c('div',{staticClass:\"Brief8 Brief \",style:(_vm.briefStyle(_vm.item.brief8))},[_c('div',{staticClass:\"BriefImg\"}),_c('div',{staticClass:\"BriefText\"},[_vm._v(_vm._s(_vm.item.brief8))])]):_vm._e(),(_vm.item.brief9&&_vm.item.brief9.length>0)?_c('div',{staticClass:\"Brief9 Brief\",style:(_vm.briefStyle(_vm.item.brief9))},[_c('div',{staticClass:\"BriefImg\"}),_c('div',{staticClass:\"BriefText\"},[_vm._v(_vm._s(_vm.item.brief9))])]):_vm._e()]),(_vm.shipTags.length>0)?_c('div',{staticClass:\"room_detail-shipsName\"},[_c('div',{staticClass:\"Qnov\"},[_c('div',{staticClass:\"QnovWrLeft\"},[_vm._v(\"您可在\")]),_c('div',{staticClass:\"QnovShips\"},_vm._l((_vm.shipTags),function(ship,i){return _c('div',{key:('ship_'+i),staticClass:\"QnovLeft\"},[_c('a',{staticClass:\"external\",attrs:{\"href\":ship.link}},[_vm._v(\" \"+_vm._s(ship.name)+\" \")])])}),0),_c('div',{staticClass:\"QnovWrRight\"},[_vm._v(\"上体验该设施。\")])])]):_vm._e(),_c('div',{staticClass:\"room_detail-info\"},[_vm._v(\" \"+_vm._s(_vm.item.description)+\" \")]),(_vm.item.showPcp&&_vm.item.pcpUrl)?_c('div',{staticClass:\"room_detail-pcpOrder\"},[_vm._m(0),_c('div',{staticClass:\"room_detail-pcpOrderR\"},[_c('a',{staticClass:\"external\",attrs:{\"href\":_vm.item.pcpUrl}},[_vm._v(\"皇家行前订\")])])]):_vm._e()]),_c('div',{staticClass:\"close\",on:{\"click\":_vm.onClose}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/closed.png\"}})])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"room_detail-pcpOrderL\"},[_c('p',[_vm._v(\"预订船票后\")]),_c('p',[_vm._v(\"可至“皇家行前订”预订该项目\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"pcp_intro_content\" v-show=\"isShow\">\r\n        <div class=\"intro_content\">\r\n            <div v-swiper:bannerSwiper=\"swiperOptions\" class=\"swiper-container swiper-container2 swiper-container-horizontal\"\r\n            v-if=\"item.bannerItems&&item.bannerItems.length>1\"\r\n            >\r\n                <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\" style=\"width: 351px;\" v-for=\"(banner, i) in item.bannerItems\" :key=\"('banner_'+i)\">\r\n                        <div class=\"intro_headImg\">\r\n                            <img class=\"headImg\"\r\n                                :src=\"banner\">\r\n                        </div>\r\n                    </div>\r\n                    \r\n                </div>\r\n\r\n                <div class=\"swiper-button-prev\" @click=\"bannerImageChange('prev')\"></div>\r\n                <div class=\"swiper-button-next\" @click=\"bannerImageChange('next')\"></div>\r\n            </div>\r\n\r\n            <div v-else-if=\"item.bannerItems&&item.bannerItems.length==1\">\r\n                <div class=\"swiper-container\">\r\n                    <div class=\"swiper-wrapper\">\r\n                        <div class=\"swiper-slide\">\r\n                            <div class=\"intro_headImg\">\r\n                                <img class=\"headImg\"\r\n                                    :src=\"item.bannerItems[0]\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n\r\n            <div class=\"room_detail scroll-container\">\r\n                <div class=\"room_detail-topCon\">\r\n                    <div class=\"room_detail-name\">{{item.name}}</div>\r\n                    <div class=\"room_detail-seeVRBtn\">\r\n                        <span>{{item.briefTitle}}</span>\r\n                        <a class=\"external seeVrShow\" v-if=\"item.vrUrl&&item.vrUrl.length>0\"\r\n                            :href=\"item.vrUrl\" target=\"_blank\">\r\n                            <img src=\"https://resource.rcclchina.com.cn/shipDetail/VRIcon.png\">\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n                <div class=\"room_detail-pcpIntro\">\r\n                    <div class=\"Rboard Brief1 Brief\" v-if=\"item.brief1&&item.brief1.length>0\" :style=\"briefStyle(item.brief1)\">\r\n                        <div class=\"RboardImg BriefImg\"></div>\r\n                        <div class=\"RboardWr BriefText\">{{item.brief1}}</div>\r\n                    </div>\r\n                    <div class=\"Rcontain Brief2 Brief\" v-if=\"item.brief2&&item.brief2.length>0\" :style=\"briefStyle(item.brief2)\">\r\n                        <div class=\"RcontainImg BriefImg\"></div>\r\n                        <div class=\"RcontainWr BriefText\">{{item.brief2}}</div>\r\n                    </div>\r\n                    <div class=\"RConsume Brief3 Brief\" v-if=\"item.brief3&&item.brief3.length>0\" :style=\"briefStyle(item.brief3)\">\r\n                        <div class=\"RconsumeImg BriefImg\"></div>\r\n                        <div class=\"RconsumeWr BriefText\">{{item.brief3}}</div>\r\n                    </div>\r\n                    <div class=\"RDressing Brief4 Brief\" v-if=\"item.brief4&&item.brief4.length>0\" :style=\"briefStyle(item.brief4)\">\r\n                        <div class=\"RdressingImg BriefImg\"></div>\r\n                        <div class=\"RdressingWr BriefText\">{{item.brief4}}</div>\r\n                    </div>\r\n                    <div class=\"RTiming Brief5 Brief\" v-if=\"item.brief5&&item.brief5.length>0\" :style=\"briefStyle(item.brief5)\">\r\n                        <div class=\"RtimingImg BriefImg\"></div>\r\n                        <div class=\"RtimingWr BriefText\">{{item.brief5}}</div>\r\n                    </div>\r\n                    <div class=\"Brief6 Brief \" v-if=\"item.brief6&&item.brief6.length>0\" :style=\"briefStyle(item.brief6)\">\r\n                        <div class=\"BriefImg\"></div>\r\n                        <div class=\"BriefText\">{{item.brief6}}</div>\r\n                    </div>\r\n                    <div class=\"Brief7 Brief \" v-if=\"item.brief7&&item.brief7.length>0\" :style=\"briefStyle(item.brief7)\">\r\n                        <div class=\"BriefImg\"></div>\r\n                        <div class=\"BriefText\">{{item.brief7}}</div>\r\n                    </div>\r\n                    <div class=\"Brief8 Brief \" v-if=\"item.brief8&&item.brief8.length>0\" :style=\"briefStyle(item.brief8)\">\r\n                        <div class=\"BriefImg\"></div>\r\n                        <div class=\"BriefText\">{{item.brief8}}</div>\r\n                    </div>\r\n                    <div class=\"Brief9 Brief\" v-if=\"item.brief9&&item.brief9.length>0\" :style=\"briefStyle(item.brief9)\">\r\n                        <div class=\"BriefImg\"></div>\r\n                        <div class=\"BriefText\">{{item.brief9}}</div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"room_detail-shipsName\" v-if=\"shipTags.length>0\">\r\n                    <div class=\"Qnov\">\r\n                        <div class=\"QnovWrLeft\">您可在</div>\r\n                        <div class=\"QnovShips\">\r\n                            <div class='QnovLeft' v-for=\"(ship, i) in shipTags\" :key=\"('ship_'+i)\">\r\n                                <a class='external' :href='ship.link'>\r\n                                    {{ship.name}}\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"QnovWrRight\">上体验该设施。</div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"room_detail-info\">\r\n                    {{item.description}}\r\n                </div>\r\n                <div class=\"room_detail-pcpOrder\" v-if=\"item.showPcp&&item.pcpUrl\">\r\n                    <div class=\"room_detail-pcpOrderL\">\r\n                        <p>预订船票后</p>\r\n                        <p>可至“皇家行前订”预订该项目</p>\r\n                    </div>\r\n                    <div class=\"room_detail-pcpOrderR\">\r\n                        <a class=\"external\"\r\n                            :href=\"item.pcpUrl\">皇家行前订</a></div>\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"close\" @click=\"onClose\"><img src=\"https://resource.rcclchina.com.cn/Faq/closed.png\" class=\"\"></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: \"ShipExperiencePopup\",\r\n    directives: {\r\n        swiper: directive\r\n    },\r\n    props: {\r\n        item: {\r\n            type: Object,\r\n            default () {\r\n                return {}\r\n            }\r\n        },\r\n        isShow: {\r\n            type: Boolean,\r\n            default () {\r\n                return false\r\n            }\r\n        },\r\n        onClose: {\r\n            type: Function\r\n        },\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            }\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        briefStyle (briefText) {\r\n            if (briefText && briefText.length >= 13) {\r\n                return { 'width': '100%'}\r\n            }\r\n            return {}\r\n        }\r\n    },\r\n    computed: {\r\n        shipTags () {\r\n            if (!this.item.ships || this.item.ships.length == 0) {\r\n                return []\r\n            }\r\n            let ships = []\r\n            this.item.ships.split(',').forEach(shipName => {\r\n                const ship = this.ships.find(r=>r.shipCNName==shipName)\r\n                if (ship) {\r\n                    ships.push({\r\n                        name: shipName,\r\n                        link: `/content/taste/ships/${ship.shipCode}`\r\n                    })\r\n                }\r\n            })\r\n            return ships\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.pcp_intro_content {\r\n    background-color: rgba(0,0,0,.6);\r\n    position: fixed;\r\n    top: 0;\r\n    z-index: 1111;\r\n    height: 100%;\r\n    width: 100%;\r\n    .intro_content {\r\n        width: 93.6%;\r\n        left: 3.2%;\r\n        position: relative;\r\n        top: 66px;\r\n        background-color: #fff;\r\n        color: #000;\r\n        padding-bottom: 25px;\r\n        .swiper-container {\r\n            padding-bottom: 10px;\r\n            .swiper-button-prev, .swiper-button-next {\r\n                top: 50%;\r\n                transform: scale(.5);\r\n                -webkit-transform: scale(.5);\r\n                -moz-transform: scale(.5);\r\n                -o-transform: scale(.5);\r\n            }\r\n            .intro_headImg {\r\n                width: 100%;\r\n                /* height: 175px; */\r\n                overflow: hidden;\r\n                .headImg {\r\n                    width: 130%;\r\n                    position: relative;\r\n                    left: -23%;\r\n                }\r\n            }\r\n        }\r\n\r\n        .room_detail {\r\n            padding-left: 10px;\r\n            padding-right: 10px;\r\n            height: 240px;\r\n            overflow-y: scroll;\r\n            .room_detail-topCon {\r\n                overflow: hidden;\r\n                border-bottom: 1px dotted #eee;\r\n                padding-bottom: 6px;\r\n                .room_detail-name {\r\n                    float: left;\r\n                    color: #000F57;\r\n                    font-size: 13px;\r\n                    font-weight: 600;\r\n                    margin-top: 4px;\r\n                }\r\n                .room_detail-seeVRBtn {\r\n                    float: right;\r\n                    span {\r\n                        color: #333;\r\n                        font-size: 13px;\r\n                        margin-right: 6px;\r\n                        vertical-align: middle;\r\n                    }\r\n                    a {\r\n                        color: #000;\r\n                        text-decoration: none;\r\n                        img {\r\n                            width: 30px;\r\n                            height: 30px;\r\n                            vertical-align: middle;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            .room_detail-pcpIntro {\r\n                clear: both;\r\n                margin-top: 12px;\r\n                overflow: hidden;\r\n                .Brief {\r\n                    font-size: 12px;\r\n                    margin-top: 10px;\r\n                    margin-right: 1%;\r\n                    float: left;\r\n                    width: 49%;\r\n                    .BriefImg {\r\n                        width: 17px;\r\n                        height: 18px;\r\n                        float: left;\r\n                        background-size: 100%;\r\n                        margin-top: 2px;\r\n                        margin-right: 4px;\r\n                    }\r\n                    .BriefText {\r\n                        font-size: 12px;\r\n                        float: left;\r\n                        margin-top: 4px;\r\n                        width: 86%;\r\n                    }\r\n                }\r\n                .Brief1 {\r\n                    .BriefImg {\r\n                        width: 15px;\r\n                        height: 11px;\r\n                        background: url('https://resource.rcclchina.com.cn/shipDetail/boardIcon.png') no-repeat;\r\n                        background-size: 100%;\r\n                        margin-right: 4px;\r\n                        margin-top: 6px;\r\n                    }\r\n                }\r\n                .Brief2 {\r\n                    .BriefImg {\r\n                        width: 17px;\r\n                        height: 12px;\r\n                        background: url('https://resource.rcclchina.com.cn/shipDetail/containIcon.png') no-repeat;\r\n                        background-size: 100%;\r\n                        margin-right: 4px;\r\n                        margin-top: 6px;\r\n                    }\r\n                }\r\n                .Brief3 {\r\n                    .BriefImg {\r\n                        width: 12px;\r\n                        height: 15px;\r\n                        background: url('https://resource.rcclchina.com.cn/shipDetail/consumeIcon.png') no-repeat;\r\n                        background-size: 100%;\r\n                        margin-right: 4px;\r\n                        margin-top: 6px;\r\n                    }\r\n                }\r\n                .Brief4 {\r\n                    .BriefImg {\r\n                        width: 15px;\r\n                        height: 12px;\r\n                        background: url('https://resource.rcclchina.com.cn/shipDetail/menuIcon.png') no-repeat;\r\n                        background-size: 100%;\r\n                        margin-right: 4px;\r\n                        margin-top: 6px;\r\n                    }\r\n                }\r\n                .Brief5 {\r\n                    .BriefImg {\r\n                        width: 15px;\r\n                        height: 15px;\r\n                        float: left;\r\n                        background: url('https://resource.rcclchina.com.cn/shipDetail/timeImg.png') no-repeat;\r\n                        background-size: 100%;\r\n                        margin-right: 4px;\r\n                        margin-top: 6px;\r\n                    }\r\n                }\r\n                .Brief6 {\r\n                    .BriefImg {\r\n                        background: url(https://resource.rcclchina.com.cn/rcclQN/mobile/01.png) no-repeat;\r\n                        background-size: 100%;\r\n                    }\r\n                }\r\n                .Brief7 {\r\n                    .BriefImg {\r\n                        background: url(https://resource.rcclchina.com.cn/rcclQN/mobile/02.png) no-repeat;\r\n                        background-size: 100%;\r\n                    }\r\n                }\r\n                .Brief8 {\r\n                    .BriefImg {\r\n                        background: url(https://resource.rcclchina.com.cn/rcclQN/mobile/03.png) no-repeat;\r\n                        background-size: 100%;\r\n                    }\r\n                }\r\n                .Brief9 {\r\n                    .BriefImg {\r\n                        background: url(https://resource.rcclchina.com.cn/rcclQN/mobile/04.png) no-repeat;\r\n                        background-size: 100%;\r\n                    }\r\n                }\r\n            }\r\n            .room_detail-shipsName {\r\n                margin-top: 18px;\r\n                clear: both;\r\n                font-size: 12px;\r\n                .Qnov {\r\n                    color: #000;\r\n                    > div {\r\n                        display: inline-block;\r\n                        vertical-align: middle;\r\n                    }\r\n                    .QnovLeft {\r\n                        display: inline-block;\r\n                        vertical-align: middle;\r\n                        background-color: #006AB7;\r\n                        border-radius: 6px;\r\n                        color: #fff;\r\n                        font-size: 12px;\r\n                        padding: 2px 6px;\r\n                        margin-right: 2px;\r\n                        margin-left: 2px;\r\n                        a {\r\n                            display: inline-block;\r\n                            color: #fff;\r\n                            text-decoration: none;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            .room_detail-info {\r\n                line-height: 20px;\r\n                color: #999;\r\n                font-size: 12px;\r\n                margin-top: 21px;\r\n                margin-bottom: 11px;\r\n            }\r\n            .room_detail-pcpOrder {\r\n                clear: both;\r\n                overflow: hidden;\r\n                padding-top: 8px;\r\n                padding-bottom: 8px;\r\n                border-top: 1px dotted #eee;\r\n                .room_detail-pcpOrderL {\r\n                    float: left;\r\n                    text-align: center;\r\n                    p {\r\n                        color: #333;\r\n                        font-size: 13px;\r\n                        margin: 0;\r\n                    }\r\n                }\r\n                .room_detail-pcpOrderR {\r\n                    float: right;\r\n                    color: #fff;\r\n                    font-size: 12px;\r\n                    background-color: #f5b411;\r\n                    width: 115px;\r\n                    height: 33px;\r\n                    line-height: 33px;\r\n                    text-align: center;\r\n                    margin-top: 4px;\r\n                    a {\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        display: inline-block;\r\n                        color: #fff;\r\n                        text-decoration: none;\r\n                    }\r\n                }\r\n            }\r\n\r\n        }\r\n        \r\n\r\n        .close {\r\n            position: absolute;\r\n            right: 5px;\r\n            top: 5px;\r\n            width: 23px;\r\n            height: 23px;\r\n            z-index: 1111;\r\n            img {\r\n                width: 100%;\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!./ShipExperiencePopup.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!./ShipExperiencePopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShipExperiencePopup.vue?vue&type=template&id=f35209fc&scoped=true&\"\nimport script from \"./ShipExperiencePopup.vue?vue&type=script&lang=js&\"\nexport * from \"./ShipExperiencePopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShipExperiencePopup.vue?vue&type=style&index=0&id=f35209fc&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  \"f35209fc\",\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!./ShipExperiencePopup.vue?vue&type=style&index=0&id=f35209fc&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!./ShipExperiencePopup.vue?vue&type=style&index=0&id=f35209fc&lang=less&scoped=true&\""],"sourceRoot":""}