{"version":3,"sources":["webpack:///./src/views/Travel/index.vue","webpack:///src/views/Travel/index.vue","webpack:///./src/views/Travel/index.vue?9eb2","webpack:///./src/views/Travel/index.vue?9c00","webpack:///./src/views/Travel/index.vue?61d8"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","subTitle","_m","_l","travelInfo","nav","index","key","class","$route","name","urlName","on","$event","redirectUrl","title","staticRenderFns","attrs","data","methods","computed","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACJ,EAAIK,GAAG,wBAAwBH,EAAG,KAAK,CAACE,YAAY,oBAAoB,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,mBAAmBL,EAAG,UAAU,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACJ,EAAIQ,GAAG,GAAGN,EAAG,KAAK,CAACE,YAAY,YAAYJ,EAAIS,GAAIT,EAAIU,YAAY,SAASC,EAAIC,GAAO,OAAOV,EAAG,KAAK,CAACW,IAAID,EAAME,MAAMd,EAAIe,OAAOC,OAAOL,EAAIM,QAAU,SAAS,IAAI,CAACf,EAAG,IAAI,CAACgB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,YAAYT,MAAQ,CAACX,EAAIK,GAAGL,EAAIM,GAAGK,EAAIU,eAAc,SAASnB,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,gBAAgB,UAEj0BoB,EAAkB,CAAC,WAAY,IAAItB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACF,EAAG,OAAO,CAACqB,MAAM,CAAC,GAAK,oBAAoB,CAACvB,EAAIK,GAAG,4BC6BjJ,G,UAAA,CACfW,aACAQ,OACA,OACAd,YACA,CAAAW,2BAAAJ,iBACA,CAAAI,sBAAAJ,iBACA,CAAAI,uBAAAJ,0BACA,CAAAI,0BAAAJ,uBAIAQ,SACAL,eACA,mBAAAJ,mBAGAU,UACAnB,WACA,yBACA,YACA,2BACA,YACA,sBACA,qBACA,uBACA,QACA,gCC1D8V,I,wBCQ1VoB,EAAY,eACd,EACA5B,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAK,E,sECnBf","file":"jsascvts/chunk-b44ce742.jsascvts.1714371537415.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',[_c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"banner-text\"},[_c('div',{staticClass:\"container\"},[_c('h2',{staticClass:\"banner-title\"},[_vm._v(\"TRAVEL INFORMATION\")]),_c('h2',{staticClass:\"banner-sub-title\"},[_vm._v(_vm._s(_vm.subTitle))])])])]),_c('section',{staticClass:\"main-container\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"div\"},[_c('div',{staticClass:\"widget\"},[_vm._m(0),_c('ul',{staticClass:\"nav-tabs\"},_vm._l((_vm.travelInfo),function(nav,index){return _c('li',{key:index,class:_vm.$route.name===nav.urlName ? 'active':''},[_c('a',{on:{\"click\":function($event){return _vm.redirectUrl(nav)}}},[_vm._v(_vm._s(nav.title))])])}),0)])])]),_c('div',{staticClass:\"right\"},[_c('router-view')],1)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"widget-title\"},[_c('span',{attrs:{\"id\":\"main-title-name\"}},[_vm._v(\"TRAVEL INFORMATION\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <div class=\"banner\">\n      <div class=\"banner-text\">\n        <div class=\"container\">\n          <h2 class=\"banner-title\">TRAVEL INFORMATION</h2>\n          <h2 class=\"banner-sub-title\">{{ subTitle }}</h2>\n        </div>\n      </div>\n    </div>\n    <section class=\"main-container\">\n      <div class=\"container\">\n        <div class=\"left\">\n          <div class=\"div\">\n            <div class=\"widget\">\n              <h3 class=\"widget-title\"><span id=\"main-title-name\">TRAVEL INFORMATION</span></h3>\n              <ul class=\"nav-tabs\">\n                <li :class=\"$route.name===nav.urlName ? 'active':'' \" v-for=\"(nav, index) in travelInfo\" :key=\"index\"><a @click=\"redirectUrl(nav)\">{{ nav.title }}</a></li>\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div class=\"right\">\n          <router-view></router-view>\n        </div>\n      </div>\n    </section>\n  </section>\n</template>\n\n<script>\nexport default {\n  name:'about',\n  data() {\n    return {\n      travelInfo: [\n        {title: \"About Wuhan, China\", urlName: \"wuhan\" },\n        {title: \"Venue (Wuhan)\", urlName: \"venue\" },\n        {title: \"Transportation\", urlName: \"transportation\" },\n        {title: \"Friendly Reminder\", urlName:\"reminder\" }\n      ]\n    }\n  },\n  methods: {\n    redirectUrl(nav) {\n      this.$router.push({name: nav.urlName})\n    }\n  },\n  computed:{\n    subTitle() {\n      switch ( this.$route.name ) {\n        case 'wuhan':\n        return \"About Wuhan, China\"\n        case 'venue':\n        return \"Venue (Wuhan)\"\n        case 'transportation':\n        return \"Transportation\"\n        default:\n        return \"About Wuhan, China\"\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.banner {\n  position: relative;\n  min-height: 300px;\n  color: #fff;\n  background-position: 50% 50%;\n  background-size: cover;\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1) ), url('../../assets/img/about/banner.png');\n  .banner-text {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 100%;\n    z-index: 1;\n    transform: translateY(-50%);\n    .container {\n      max-width: 1320px;\n      margin: 0 auto;\n      text-rendering: optimizeLegibility;\n      -webkit-font-smoothing: antialiased !important;\n      .banner-title {\n        color: #e8bd55;\n        text-transform: uppercase;\n        font-size: 58px;\n        font-weight: 900;\n      }\n      .banner-sub-title{\n        color: #fff;\n        font-size: 48px;\n        font-weight: 900;\n      }\n      @media (max-width:1320px) {\n        padding: 0 15px;\n      }\n      @media (max-width:768px) {\n        .banner-title {\n          font-size: 48px;\n        }\n        .banner-sub-title {\n          font-size: 38px;\n        }\n      }\n    }\n  }\n}\n.main-container {\n  .container {\n    max-width: 1320px;\n    margin: 0 auto;\n    display: flex;\n    .left {\n      flex: 0 0 25%;\n      max-width: 25%;\n      padding: 0 15px;\n      .div {\n        height: 100%;\n        border-right: solid 1px #ddd;\n        border-left: solid 1px #ddd;\n        background-color: #f8f9fa;\n        .widget {\n          padding: 30px 15px 40px;\n          position: sticky;\n          top: 70px;\n          .widget-title{\n            font-size: 27px;\n            font-weight: 900;\n            position: relative;\n            padding-left: 30px;\n            margin: 0 -15px;\n            background-color: #19317e;\n            color: #fff;\n            text-transform: uppercase;\n          }\n          .nav-tabs li {\n            color: #444444;\n            line-height: normal;\n            a {\n              position: relative;\n              color: #444444;\n              padding: 15px 0 15px 15px;\n              font-weight: 600;\n              border-bottom: 1px solid #ddd;\n              display: block;\n              transition: all .3s;\n              font-size: 18px;\n            }\n            &:hover a{\n              color: #1B3287;\n            }\n            &.active a {\n              color: #1B3287;\n              &::before {\n                font-family: \"iconfont\";\n                content:'\\e6ae';\n                position: absolute;\n                top: 50%;\n                right: 0;\n                transform: translateY(-50%);\n              }\n            }\n          }\n        }\n      }\n    }\n    .right {\n      min-height: 700px;\n      flex: 0 0 75%;\n      position: relative;\n      padding: 0 15px 200px;\n\n    }\n    @media (max-width:768px) {\n        .left {\n          display: none;\n        }\n        .right {\n          flex: 1;\n          padding: 0 15px 40px;\n          .bottom {\n            display: block;\n            .bottom-lt {\n              display: flex;\n              justify-content: center;\n              align-items: center;\n            }\n          }\n        }\n      }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=4b4bc64b&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=4b4bc64b&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  \"4b4bc64b\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=4b4bc64b&prod&lang=less&scoped=true&\""],"sourceRoot":""}