{"version":3,"sources":["webpack:///./src/components/Cruise/TicketContainsPopup.vue","webpack:///src/components/Cruise/TicketContainsPopup.vue","webpack:///./src/components/Cruise/TicketContainsPopup.vue?0e75","webpack:///./src/components/Cruise/TicketContainsPopup.vue?070d","webpack:///./src/components/Cruise/TicketContainsPopup.vue?780c"],"names":["render","_vm","this","_c","_self","staticClass","class","isShow","attrs","_v","on","$event","goBack","imgUrl","staticRenderFns","name","props","onGoBack","type","Function","Boolean","default","tags","Array","data","process","projects","created","title","src","methods","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wBAAwBC,MAAM,CAAE,WAAYL,EAAIM,OAAQ,aAAcN,EAAIM,QAAQC,MAAM,CAAC,GAAK,mBAAmB,CAACL,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,IAAI,CAACF,EAAIQ,GAAG,UAAUN,EAAG,IAAI,CAACE,YAAY,wCAAwCK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,YAAY,CAACT,EAAG,MAAM,CAACK,MAAM,CAAC,IAASP,EAAIY,OAAN,kDAA8DV,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoBG,MAAM,CAAC,IAASP,EAAIY,OAAN,mDAEnnBC,EAAkB,GCyBP,GACfC,KAAA,sBACAC,MAAA,CACAC,SAAA,CACAC,KAAAC,UAEAZ,OAAA,CACAW,KAAAE,QACAC,UACA,WAGAC,KAAA,CACAJ,KAAAK,MACAF,UACA,YAIAG,OACA,OACAX,OAAAY,oCACAC,SAAA,KAGAC,UACA,KAAAD,SAAA,EACAE,MAAA,OACAC,IAAA,KAAAhB,OAAA,mDACA,CACAe,MAAA,OACAC,IAAA,KAAAhB,OAAA,+CACA,CACAe,MAAA,OACAC,IAAA,KAAAhB,OAAA,oDACA,CACAe,MAAA,OACAC,IAAA,KAAAhB,OAAA,gDACA,CACAe,MAAA,OACAC,IAAA,KAAAhB,OAAA,4CACA,CACAe,MAAA,QACAC,IAAA,KAAAhB,OAAA,mDACA,CACAe,MAAA,OACAC,IAAA,KAAAhB,OAAA,uDACA,CACAe,MAAA,OACAC,IAAA,KAAAhB,OAAA,2CACA,CACAe,MAAA,YACAC,IAAA,KAAAhB,OAAA,gDAGAiB,QAAA,CACAlB,SACA,KAAAK,cCpF2W,I,wBCQvWc,EAAY,eACd,EACA/B,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E,2CCnBf","file":"js/chunk-2220f1df.54b2de27.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup popup-priceTips\",class:{ 'modal-in': _vm.isShow, 'modal-out': !_vm.isShow},attrs:{\"id\":\"tagDetailPopup\"}},[_c('div',{staticClass:\"shorexDetail-title js-returnDetailBtn\"},[_c('p',[_vm._v(\"船票包含\")]),_c('a',{staticClass:\"shorexDetail-returnButton close-popup\",on:{\"click\":function($event){return _vm.goBack()}}},[_c('img',{attrs:{\"src\":`${_vm.imgUrl}/mobileSearchPackage/arrowRightBlack.png`}})])]),_c('div',{staticClass:\"tag-detail\"},[_c('div',{staticClass:\"tag-detail-container\"},[_c('img',{staticClass:\"tag-detail-banner\",attrs:{\"src\":`${_vm.imgUrl}/mobile/details/mb_ticket_contains.png`}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"popup popup-priceTips\" :class=\"{ 'modal-in': isShow, 'modal-out': !isShow}\" id=\"tagDetailPopup\">\r\n    <div class=\"shorexDetail-title js-returnDetailBtn\">\r\n      <p>船票包含</p>\r\n      <a class=\"shorexDetail-returnButton close-popup\" @click=\"goBack()\">\r\n        <img :src=\"`${imgUrl}/mobileSearchPackage/arrowRightBlack.png`\">\r\n      </a>\r\n    </div>\r\n    <div class=\"tag-detail\">\r\n      <div class=\"tag-detail-container\">\r\n        <img class=\"tag-detail-banner\" :src=\"`${imgUrl}/mobile/details/mb_ticket_contains.png`\"/>\r\n<!--        <img class=\"tag-detail-banner\" :src=\"`${imgUrl}/mobile/details/ticket-contains-banner.png`\"/>-->\r\n<!--        <div class=\"tag-padding\">-->\r\n<!--          <ul class=\"project-list\">-->\r\n<!--            <li v-for=\"(item,index) in projects\" :key=\"index\" :class=\"{'is-full': item.title.length > 7}\">-->\r\n<!--              <img :src=\"item.src\"/>-->\r\n<!--              <div>{{item.title}}</div>-->\r\n<!--            </li>-->\r\n<!--          </ul>-->\r\n<!--        </div>-->\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"TicketContainsPopup\",\r\n  props: {\r\n    onGoBack: {\r\n      type: Function\r\n    },\r\n    isShow: {\r\n      type: Boolean,\r\n      default () {\r\n        return false\r\n      }\r\n    },\r\n    tags: {\r\n      type: Array,\r\n      default () {\r\n        return []\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      imgUrl: process.env.VUE_APP_IMG_URL,\r\n      projects: []\r\n    }\r\n  },\r\n  created() {\r\n    this.projects = [{\r\n      title: \"豪华住宿\",\r\n      src: `${this.imgUrl}/cruiseSearch/icons/icon-accommodation-blue.png`\r\n    },{\r\n      title: \"寰宇美食\",\r\n      src: `${this.imgUrl}/cruiseSearch/icons/icon-fine-food-blue.png`\r\n    },{\r\n      title: \"招牌演出\",\r\n      src: `${this.imgUrl}/cruiseSearch/icons/icon-signboard-show-blue.png`\r\n    },{\r\n      title: \"水上乐园\",\r\n      src: `${this.imgUrl}/cruiseSearch/icons/icon-water-park-blue.png`\r\n    },{\r\n      title: \"运动健身\",\r\n      src: `${this.imgUrl}/cruiseSearch/icons/icon-sports-blue.png`\r\n    },{\r\n      title: \"室内外泳池\",\r\n      src: `${this.imgUrl}/cruiseSearch/icons/icon-swimming-pool-blue.png`\r\n    },{\r\n      title: \"科技游乐\",\r\n      src: `${this.imgUrl}/cruiseSearch/icons/icon-science-amusement-blue.png`\r\n    },{\r\n      title: \"派对游戏\",\r\n      src: `${this.imgUrl}/cruiseSearch/icons/icon-party-blue.png`\r\n    },{\r\n      title: \"儿童青少年活动中心\",\r\n      src: `${this.imgUrl}/cruiseSearch/icons/icon-children-blue.png`\r\n    }]\r\n  },\r\n  methods:{\r\n    goBack() {\r\n      this.onGoBack()\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n#tagDetailPopup.popup {\r\n  position: fixed;\r\n  background-color: #F6F7F8;\r\n  transform: translate3d(100%, 0, 0);\r\n  display: block;\r\n}\r\n#tagDetailPopup.modal-in {\r\n  position: fixed;\r\n  background-color: #F6F7F8;\r\n  transform: translate3d(0, 0, 0);\r\n}\r\n#tagDetailPopup.modal-out {\r\n  transform: translate3d(100%, 0, 0);\r\n}\r\n\r\n#tagDetailPopup {\r\n  .shorexDetail-title {\r\n    padding: 15px 20px;\r\n    background-color: #fff;\r\n    overflow: hidden;\r\n    text-align: center;\r\n    margin-bottom: 10px;\r\n    position: fixed;\r\n    width: 100%;\r\n    z-index: 10;\r\n    > p {\r\n      font-family: PingFang-SC-Medium;\r\n      font-size: 14px;\r\n      color: #333333;\r\n      letter-spacing: 1px;\r\n      text-align: center;\r\n      margin: 0;\r\n    }\r\n    .shorexDetail-returnButton {\r\n      width: 30px;\r\n      position: absolute;\r\n      top: 15px;\r\n      left: 20px;\r\n      text-align: left;\r\n      > img {\r\n        width: 33%;\r\n      }\r\n    }\r\n  }\r\n  .tagDetail {\r\n    height: calc(100% - 50px);\r\n    padding-bottom: 50px;\r\n    margin-top: 50px;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n    .tagDetail-container {\r\n      padding: 15px 20px;\r\n      background-color: #fff;\r\n      border-top: 10px solid #F6F7F8;\r\n    }\r\n  }\r\n}\r\n\r\n.tag-detail {\r\n  height: calc(100% - 50px);\r\n  padding-bottom: 50px;\r\n  margin-top: 50px;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  & .tag-detail-container {\r\n    margin-top: 10px;\r\n    background-color: #FFFFFF;\r\n    & .tag-detail-banner {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n    & .tag-padding {\r\n      padding: 15px 20px;\r\n    }\r\n  }\r\n}\r\n.project-list {\r\n  width: 85%;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  margin: 0 auto;\r\n  & li {\r\n    width: 47%;\r\n    margin: 0 1.5%;\r\n    overflow: hidden;\r\n    padding: 0.25rem 0;\r\n    &.is-full {\r\n      width: 100%;\r\n    }\r\n    & > img {\r\n      float: left;\r\n      height: 1.2rem;\r\n    }\r\n    & > div {\r\n      float: left;\r\n      line-height: 1.2rem;\r\n      font-size: 14px;\r\n      text-align: center;\r\n      margin-left: 0.25rem;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\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!./TicketContainsPopup.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!./TicketContainsPopup.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TicketContainsPopup.vue?vue&type=template&id=501cced8&scoped=true\"\nimport script from \"./TicketContainsPopup.vue?vue&type=script&lang=js\"\nexport * from \"./TicketContainsPopup.vue?vue&type=script&lang=js\"\nimport style0 from \"./TicketContainsPopup.vue?vue&type=style&index=0&id=501cced8&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  \"501cced8\",\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!./TicketContainsPopup.vue?vue&type=style&index=0&id=501cced8&prod&lang=less&scoped=true\""],"sourceRoot":""}