{"version":3,"sources":["webpack:///./src/components/Ship/ShipExperiencePopup.vue","webpack:///src/components/Ship/ShipExperiencePopup.vue","webpack:///./src/components/Ship/ShipExperiencePopup.vue?8bcd","webpack:///./src/components/Ship/ShipExperiencePopup.vue?71af","webpack:///./src/components/Ship/ShipExperiencePopup.vue?6ae5"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","isShow","expression","staticClass","item","bannerItems","length","swiperOptions","arg","_l","banner","i","key","staticStyle","attrs","on","$event","bannerImageChange","_e","_v","_s","briefTitle","shipCode","vrUrl","brief1","style","briefStyle","brief2","brief3","brief4","brief5","brief6","brief7","brief8","brief9","shipTags","ship","link","description","showPcp","pcpUrl","_m","onClose","staticRenderFns","swiper","directive","props","type","Object","default","Boolean","Function","ships","Array","data","loop","methods","slide","bannerSwiper","slidePrev","slideNext","briefText","computed","split","forEach","shipName","find","r","shipCNName","push","component"],"mappings":"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","file":"js/chunk-35147942.9356b067.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;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.shipCode!=='SC'&&_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()]),(_vm.shipCode==='SC' && _vm.item.vrUrl && _vm.item.vrUrl.length>0)?_c('div',{staticClass:\"viewVrMiniSite\"},[_c('a',{attrs:{\"href\":'https://mobile.rcclchina.com.cn/'+_vm.item.vrUrl,\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/wechatMiniProgram/vrImg/vrBtn.png\",\"alt\":\"\"}})])]):_vm._e(),_c('div',{staticClass:\"close\",on:{\"click\":_vm.onClose}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/closed.png\"}})])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"room_detail-pcpOrderL\"},[_c('p',[_vm._v(\"预订船票后\")]),_c('p',[_vm._v(\"可至“皇家行前订”预订该项目\")])])\n}]\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=\"shipCode!=='SC'&&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                <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 v-if=\"shipCode==='SC' && item.vrUrl && item.vrUrl.length>0\" class=\"viewVrMiniSite\">\r\n              <a :href=\"'https://mobile.rcclchina.com.cn/'+item.vrUrl\" target=\"_blank\">\r\n                <img src=\"https://resource.rcclchina.com.cn/wechatMiniProgram/vrImg/vrBtn.png\" alt=\"\">\r\n              </a>\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            shipCode:''\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                  this.shipCode = ship.shipCode\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.viewVrMiniSite{\r\n  width: 176px;\r\n  height: 41px;\r\n  margin: 10px auto 0;\r\n  overflow: hidden;\r\n  background-color: #fbbb02;\r\n  & img{\r\n    width: 100%;\r\n    height: 100%;\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=1a47d10f&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=1a47d10f&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  \"1a47d10f\",\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!./ShipExperiencePopup.vue?vue&type=style&index=0&id=1a47d10f&prod&lang=less&scoped=true\""],"sourceRoot":""}