{"version":3,"sources":["webpack:///./src/components/Swipe1.vue?69bb","webpack:///./src/components/Hero.vue?2b02","webpack:///src/components/Hero.vue","webpack:///./src/components/Hero.vue?6b8c","webpack:///./src/components/Hero.vue","webpack:///./src/components/Hero.vue?bc60","webpack:///./src/components/AboutMenu.vue?3983","webpack:///src/components/AboutMenu.vue","webpack:///./src/components/AboutMenu.vue?dde0","webpack:///./src/components/AboutMenu.vue","webpack:///./src/views/AboutHistory.vue?1b8a","webpack:///./src/components/Swipe1.vue?09e0","webpack:///src/components/Swipe1.vue","webpack:///./src/components/Swipe1.vue?6afc","webpack:///./src/components/Swipe1.vue","webpack:///./src/components/Historylist.vue?8312","webpack:///src/components/Historylist.vue","webpack:///./src/components/Historylist.vue?d28c","webpack:///./src/components/Historylist.vue","webpack:///src/views/AboutHistory.vue","webpack:///./src/views/AboutHistory.vue?f154","webpack:///./src/views/AboutHistory.vue","webpack:///./src/components/AboutMenu.vue?97f0","webpack:///./src/views/AboutHistory.vue?e473","webpack:///./src/components/Historylist.vue?aaa1","webpack:///./src/components/AboutMenu.vue?6047"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Swipe1_vue_vue_type_style_index_0_id_6223320f_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Swipe1_vue_vue_type_style_index_0_id_6223320f_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","id","on","mousemove","ref","style","data-depth","data-split","_v","_s","title","sub","staticRenderFns","Herovue_type_script_lang_js_","components","SeaDive","props","backimg","String","mounted","_this","setTimeout","$refs","dive","start","ratio","x","y","depth","methods","window","mouse","w","h","update","toFixed","bg","transform","webkitTransform","concat","components_Herovue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Hero_vue_vue_type_style_index_0_id_e4804034_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Hero_vue_vue_type_style_index_0_id_e4804034_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","to","text","$t","menu","dark","border","AboutMenuvue_type_script_lang_js_","Navlink","components_AboutMenuvue_type_script_lang_js_","Swipe1vue_type_template_id_6223320f_scoped_true_render","options","swiperOption","_l","item","key","ID","_f","NOTETIME","PRONAME","domProps","innerHTML","CONTENT","src","SMALLPIC","alt","_m","slot","Swipe1vue_type_template_id_6223320f_scoped_true_staticRenderFns","Swipe1vue_type_script_lang_js_","swiper","vue_awesome_swiper","swiperSlide","data","speed","loop","autoplay","disableOnInteraction","navigation","nextEl","prevEl","pagination","el","type","items","fechData","url","util_url","$store","state","lang","axios_default","a","get","then","res","proarr","length","components_Swipe1vue_type_script_lang_js_","Swipe1","Historylistvue_type_template_id_0d6e3ddf_scoped_true_render","staticStyle","background-image","index","class","MS","Historylistvue_type_template_id_0d6e3ddf_scoped_true_staticRenderFns","Historylistvue_type_script_lang_js_","fechView","_this2","$nextTick","dds","dom","eventlist","innerWidth","paddingLeft","width","go","goCenter","e","clientX","pageX","s","l","eventbox","scrollLeft","scrollTo","components_Historylistvue_type_script_lang_js_","Historylist_component","Historylist","AboutHistoryvue_type_script_lang_js_","Hero","AboutMenu","document","scrollBar","scrollTop","views_AboutHistoryvue_type_script_lang_js_","AboutHistory_component","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AboutMenu_vue_vue_type_style_index_0_id_5353ae12_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AboutMenu_vue_vue_type_style_index_0_id_5353ae12_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AboutHistory_vue_vue_type_style_index_0_id_24c7af72_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AboutHistory_vue_vue_type_style_index_0_id_24c7af72_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Historylist_vue_vue_type_style_index_0_id_0d6e3ddf_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Historylist_vue_vue_type_style_index_0_id_0d6e3ddf_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AboutMenu_vue_vue_type_style_index_1_lang_scss___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AboutMenu_vue_vue_type_style_index_1_lang_scss___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/chunk-a28fcc26.7546e351.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swipe1.vue?vue&type=style&index=0&id=6223320f&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swipe1.vue?vue&type=style&index=0&id=6223320f&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"hero\",attrs:{\"id\":\"hero\"},on:{\"mousemove\":_vm.mousemove}},[_c('div',{staticClass:\"scene scene--parallax\"},[_c('div',{ref:\"bg\",staticClass:\"scene__item scene__item--bg\",style:(_vm.backimg),attrs:{\"data-depth\":\"-5\"}})]),_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-7 col-tabletW-11 offset-1 offset-tabletW-0\"},[_c('h1',{staticClass:\"title anim--split ft-40\",attrs:{\"data-split\":\"chars\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.title)+\"\\n        \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-6 col-tabletW-11 offset-1 offset-tabletW-0\"},[_c('p',{staticClass:\"lines text--medium color--bluelight anim--split ff-dr ft-25\",attrs:{\"data-split\":\"lines\"}},[_vm._v(_vm._s(_vm.sub))])])])]),_c('SeaDive',{ref:\"dive\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n<template>\r\n  <section id=\"hero\" class=\"hero\"\r\n    @mousemove=\"mousemove\">\r\n    <div class=\"scene scene--parallax\">\r\n      <div\r\n        class=\"scene__item scene__item--bg\"\r\n        data-depth=\"-5\"\r\n        :style=\"backimg\"\r\n        ref=\"bg\"\r\n      ></div>\r\n    </div>\r\n\r\n    <div class=\"wrapper\">\r\n      <div class=\"row\">\r\n        <div class=\"col-7 col-tabletW-11 offset-1 offset-tabletW-0\">\r\n          <h1 class=\"title anim--split ft-40\" data-split=\"chars\">\r\n            {{ title }}\r\n          </h1>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-6 col-tabletW-11 offset-1 offset-tabletW-0\">\r\n          <p class=\"lines text--medium color--bluelight anim--split ff-dr ft-25\" data-split=\"lines\">{{ sub }}</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <SeaDive ref=\"dive\" />\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport SeaDive from './SeaDive.vue'\r\n\r\nexport default {\r\n  components: {\r\n    SeaDive\r\n  },\r\n\r\n  props: {\r\n    backimg: String,\r\n    title: String,\r\n    sub: String\r\n  },\r\n\r\n  mounted () {\r\n    setTimeout(() => {\r\n      this.$refs.dive.start()\r\n    }, 1000)\r\n\r\n    this.ratio = {\r\n      x: 0,\r\n      y: 0\r\n    }\r\n\r\n    this.depth = -5\r\n  },\r\n\r\n  methods: {\r\n    mousemove () {\r\n      this.ratio.x += 0.05 * (window.mouse.x / window.w * 2 - 1 - this.ratio.x)\r\n      this.ratio.y += 0.05 * (window.mouse.y / window.h * 2 - 1 - this.ratio.y)\r\n      this.update()\r\n    },\r\n\r\n    update () {\r\n      const x = (50 * this.ratio.x / this.depth).toFixed(2)\r\n      const y = (50 * this.ratio.y / this.depth).toFixed(2)\r\n\r\n      this.render(x, y)\r\n    },\r\n\r\n    render (x, y) {\r\n      this.$refs.bg.style.transform =\r\n        this.$refs.bg.style.webkitTransform =\r\n          `translateX(${x}px) translateY(${y}px) rotateZ(0.01deg)`\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.hero {\r\n  width: 100%;\r\n  height: 100vh;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -ms-flex-pack: start;\r\n  justify-content: flex-start;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  color: #fff;\r\n}\r\n\r\n.title {\r\n  line-height: 80px;\r\n}\r\n\r\n.lines {\r\n  line-height: 50px;\r\n  max-width: 660px;\r\n}\r\n\r\n.hero .title,\r\n.hero .title--small,\r\n.hero .title--smallest,\r\n.hero h2,\r\n.hero h3,\r\n.hero h4,\r\n.hero h5 {\r\n  max-width: 685px;\r\n}\r\n@media (max-width: 1366px){\r\n  .title{\r\n    line-height: 55px;\r\n  }\r\n}\r\n@media (min-width: 1441px) {\r\n  .hero .title,\r\n  .hero .title--small,\r\n  .hero .title--smallest,\r\n  .hero h2,\r\n  .hero h3,\r\n  .hero h4,\r\n  .hero h5 {\r\n    max-width: none;\r\n  }\r\n}\r\n\r\n.hero .title--big {\r\n  max-width: none;\r\n}\r\n\r\n.hero p {\r\n  margin: 0;\r\n}\r\n\r\n.hero:not(.hero--expedition) {\r\n  height: calc(100vh + 150px);\r\n}\r\n\r\n@media (max-width: 979px) {\r\n  .hero:not(.hero--expedition) {\r\n    height: calc(100vh + 100px);\r\n  }\r\n}\r\n\r\n.hero:not(.hero--expedition) .scene {\r\n  top: -25px;\r\n  left: -25px;\r\n  width: calc(100% + 50px);\r\n  height: calc(100% + 50px);\r\n  overflow: hidden;\r\n}\r\n\r\n.hero:not(.hero--expedition) .scene:after {\r\n  content: \"\";\r\n  width: 100%;\r\n  height: 410px;\r\n  left: 0;\r\n  bottom: -1px;\r\n  background: url(/images/hero-radial-gradiant.png) no-repeat center bottom;\r\n  background-size: 100% auto;\r\n}\r\n\r\n@media (min-width: 1921px) {\r\n  .hero:not(.hero--expedition) .scene:after {\r\n    background-position: center top;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .hero:not(.hero--expedition) .wrapper {\r\n    margin-top: -75px;\r\n  }\r\n}\r\n\r\n.hero:not(.hero--expedition) + .section {\r\n  margin-top: -80px;\r\n}\r\n\r\n@media (max-width: 1280px) {\r\n  .hero:not(.hero--expedition) + .section {\r\n    margin-top: -50px;\r\n  }\r\n}\r\n\r\n.hero--expedition {\r\n  overflow: hidden;\r\n}\r\n\r\n.hero--expedition canvas {\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n}\r\n\r\n.hero--expedition .scene {\r\n  transform-origin: center;\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n  .hero--expedition .scene {\r\n    top: -25px;\r\n    left: -25px;\r\n    width: calc(100vw + 50px);\r\n    height: calc(100vh + 50px);\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hero--expedition .scene {\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh !important;\r\n  }\r\n}\r\n\r\n.hero--expedition .scene:after {\r\n  content: \"\";\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  background: radial-gradient(ellipse at center, transparent 0, #041324 70%);\r\n  background-size: 100% 100%;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hero--expedition .scene:after {\r\n    background: url(/images/hero-expedition-radial-gradiant.png) no-repeat\r\n      center;\r\n    background-size: 100% 100%;\r\n  }\r\n}\r\n\r\n.hero--expedition .scene__item {\r\n  background-position: center;\r\n}\r\n\r\n.page--404 .hero--expedition .scene__item {\r\n  opacity: 0.5;\r\n}\r\n\r\n.page--404 .hero--expedition .scene {\r\n  background-color: #0b1539;\r\n}\r\n\r\n.hero--expedition .title,\r\n.hero--expedition .title--small,\r\n.hero--expedition .title--smallest,\r\n.hero--expedition h2,\r\n.hero--expedition h3,\r\n.hero--expedition h4,\r\n.hero--expedition h5 {\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero--expedition .title,\r\n  .hero--expedition .title--small,\r\n  .hero--expedition .title--smallest,\r\n  .hero--expedition h2,\r\n  .hero--expedition h3,\r\n  .hero--expedition h4,\r\n  .hero--expedition h5 {\r\n    font-size: 9.5vw;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .hero--expedition .title,\r\n  .hero--expedition .title--small,\r\n  .hero--expedition .title--smallest,\r\n  .hero--expedition h2,\r\n  .hero--expedition h3,\r\n  .hero--expedition h4,\r\n  .hero--expedition h5 {\r\n    font-size: 8.5vw;\r\n  }\r\n}\r\n\r\n.hero--expedition .button {\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  bottom: -90px;\r\n  display: -ms-inline-flexbox;\r\n  display: inline-flex;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero--expedition .button {\r\n    left: 0;\r\n    right: 0;\r\n    transform: none;\r\n  }\r\n}\r\n\r\n.hero--expedition .dive {\r\n  top: calc(50% + 100vw / 5.4 - 12px);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hero--expedition .dive {\r\n    top: 100vh;\r\n    transform: translateY(-100%);\r\n  }\r\n}\r\n\r\n.hero--expedition__navigation {\r\n  transition: all 0.4s;\r\n}\r\n\r\n.hero--expedition__navigation--hidden {\r\n  visibility: hidden;\r\n  opacity: 0;\r\n}\r\n\r\n.hero--expedition__navigation a {\r\n  position: absolute;\r\n  top: calc(50vh - 5px);\r\n  color: #fff;\r\n  z-index: 1001;\r\n}\r\n\r\n.hero--expedition__navigation a i.icon-arrow-left,\r\n.hero--expedition__navigation a i.icon-arrow-right {\r\n  font-size: 2.3rem;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero--expedition__navigation a i.icon-arrow-left,\r\n  .hero--expedition__navigation a i.icon-arrow-right {\r\n    font-size: 1.7rem;\r\n  }\r\n}\r\n\r\n.hero--expedition__navigation__left {\r\n  left: 80px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hero--expedition__navigation__left {\r\n    left: 45px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero--expedition__navigation__left {\r\n    left: 15px;\r\n  }\r\n}\r\n\r\n.hero--expedition__navigation__right {\r\n  right: 80px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hero--expedition__navigation__right {\r\n    right: 45px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero--expedition__navigation__right {\r\n    right: 15px;\r\n  }\r\n}\r\n\r\n.hero--expedition__fill {\r\n  position: absolute;\r\n  background: #cae6f9;\r\n  z-index: 900;\r\n}\r\n\r\n.hero--expedition__fill--left,\r\n.hero--expedition__fill--right {\r\n  height: 100vh;\r\n  top: 0;\r\n  width: calc((100vw - 1280px + 36px) * 0.5 + 10px);\r\n}\r\n\r\n@media (min-width: 1441px) {\r\n  .hero--expedition__fill--left,\r\n  .hero--expedition__fill--right {\r\n    width: calc((100vw - 1360px + 36px) * 0.5 + 10px);\r\n  }\r\n}\r\n\r\n@media (min-width: 1681px) {\r\n  .hero--expedition__fill--left,\r\n  .hero--expedition__fill--right {\r\n    width: calc((100vw - 1600px + 36px) * 0.5 + 10px);\r\n  }\r\n}\r\n\r\n@media (min-width: 1921px) {\r\n  .hero--expedition__fill--left,\r\n  .hero--expedition__fill--right {\r\n    width: calc((100vw - 1840px + 36px) * 0.5 + 10px);\r\n  }\r\n}\r\n\r\n@media (max-width: 1280px) {\r\n  .hero--expedition__fill--left,\r\n  .hero--expedition__fill--right {\r\n    width: 28px;\r\n  }\r\n}\r\n\r\n.hero--expedition__fill--left {\r\n  left: -10px;\r\n  transform-origin: left;\r\n}\r\n\r\n.hero--expedition__fill--right {\r\n  right: -10px;\r\n  transform-origin: right;\r\n}\r\n\r\n.hero--expedition__fill--bottom,\r\n.hero--expedition__fill--top {\r\n  width: 100%;\r\n  height: calc((100vh - 548px) / 2 + 10px);\r\n  left: 0;\r\n}\r\n\r\n@media (min-width: 1441px) {\r\n  .hero--expedition__fill--bottom,\r\n  .hero--expedition__fill--top {\r\n    height: calc((100vh - 680px) / 2 + 10px);\r\n  }\r\n}\r\n\r\n@media (min-width: 1681px) {\r\n  .hero--expedition__fill--bottom,\r\n  .hero--expedition__fill--top {\r\n    height: calc((100vh - 740px) / 2 + 10px);\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hero--expedition__fill--bottom,\r\n  .hero--expedition__fill--top {\r\n    height: calc((100vh - 520px) / 2 + 10px);\r\n  }\r\n}\r\n\r\n.hero--expedition__fill--top {\r\n  transform-origin: top;\r\n  top: -10px;\r\n}\r\n\r\n.hero--expedition__fill--bottom {\r\n  transform-origin: bottom;\r\n  bottom: -10px;\r\n}\r\n@media(max-width: 768px){\r\n  .hero .title{\r\n    font-size: 30px;\r\n  }\r\n}\r\n</style>\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!./Hero.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!./Hero.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Hero.vue?vue&type=template&id=e4804034&scoped=true&\"\nimport script from \"./Hero.vue?vue&type=script&lang=js&\"\nexport * from \"./Hero.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Hero.vue?vue&type=style&index=0&id=e4804034&lang=scss&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  \"e4804034\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Hero.vue?vue&type=style&index=0&id=e4804034&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Hero.vue?vue&type=style&index=0&id=e4804034&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-1500\",attrs:{\"id\":\"aboutmenu\"}},[_c('div',{staticClass:\"nav\"},[_c('router-link',{attrs:{\"to\":\"/about\"}},[_c('Navlink',{attrs:{\"text\":_vm.$t('about.menu.about'),\"menu\":true,\"dark\":false,\"border\":false}})],1),_c('router-link',{attrs:{\"to\":\"/story\"}},[_c('Navlink',{attrs:{\"text\":_vm.$t('about.menu.story'),\"menu\":true,\"dark\":false,\"border\":false}})],1),_c('router-link',{attrs:{\"to\":\"/movie\"}},[_c('Navlink',{attrs:{\"text\":_vm.$t('about.menu.movie'),\"menu\":true,\"dark\":false,\"border\":false}})],1),_c('router-link',{attrs:{\"to\":\"/honor\"}},[_c('Navlink',{attrs:{\"text\":_vm.$t('about.menu.honor'),\"menu\":true,\"dark\":false,\"border\":false}})],1),_c('router-link',{attrs:{\"to\":\"/history\"}},[_c('Navlink',{attrs:{\"text\":_vm.$t('about.menu.history'),\"menu\":true,\"dark\":false,\"border\":false}})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"aboutmenu\" class=\"wrap-1500\">\r\n    <div class=\"nav\">\r\n        <!-- <router-link to=\"/\">Home</router-link> -->\r\n        <router-link to=\"/about\" >\r\n          <Navlink :text=\"$t('about.menu.about')\"\r\n            :menu=\"true\"\r\n            :dark=\"false\"\r\n            :border=\"false\" />\r\n        </router-link>\r\n        <router-link to=\"/story\" >\r\n          <Navlink :text=\"$t('about.menu.story')\"\r\n            :menu=\"true\"\r\n            :dark=\"false\"\r\n            :border=\"false\" />\r\n        </router-link>\r\n        <router-link to=\"/movie\" >\r\n          <Navlink :text=\"$t('about.menu.movie')\"\r\n            :menu=\"true\"\r\n            :dark=\"false\"\r\n            :border=\"false\" />\r\n        </router-link>\r\n        <router-link to=\"/honor\" >\r\n          <Navlink :text=\"$t('about.menu.honor')\"\r\n            :menu=\"true\"\r\n            :dark=\"false\"\r\n            :border=\"false\" />\r\n        </router-link>\r\n        <router-link to=\"/history\" >\r\n          <Navlink :text=\"$t('about.menu.history')\"\r\n            :menu=\"true\"\r\n            :dark=\"false\"\r\n            :border=\"false\" />\r\n        </router-link>\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Navlink from '@/components/Navlink.vue'\r\n\r\nexport default {\r\n  components: {\r\n    Navlink\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.wrap-1500 {\r\n  padding: 8px 30px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  max-width: 1500px;\r\n}\r\n\r\n.nav {\r\n  display: flex;\r\n}\r\n@media(max-width: 1366px){\r\n  #aboutmenu{\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n    .nav{\r\n      width:80%;\r\n      justify-content: space-between;\r\n      .navlink{\r\n        font-size: 14px;\r\n        width: auto;\r\n      }\r\n    }\r\n  }\r\n}\r\n@media(max-width: 768px){\r\n  #aboutmenu{\r\n    .nav{\r\n      width:100%;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.router-link-exact-active .navlink.menu {\r\n  color: #5998c4;\r\n  // font-weight: 800;\r\n}\r\n</style>\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!./AboutMenu.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!./AboutMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AboutMenu.vue?vue&type=template&id=5353ae12&scoped=true&\"\nimport script from \"./AboutMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./AboutMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AboutMenu.vue?vue&type=style&index=0&id=5353ae12&lang=scss&scoped=true&\"\nimport style1 from \"./AboutMenu.vue?vue&type=style&index=1&lang=scss&\"\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  \"5353ae12\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\",attrs:{\"id\":\"history\"}},[_c('Hero',{attrs:{\"backimg\":\"background-image:url(/images/hero-history.jpg)\",\"title\":_vm.$t('about.history.banner'),\"sub\":\"\"}}),_c('div',{staticClass:\"color-change\"},[_c('AboutMenu'),_c('Swipe1'),_c('Historylist')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"p-max-wrap\"},[_c('div',{staticClass:\"p-max-1500\"},[_c('swiper',{ref:\"mySwiper\",attrs:{\"options\":_vm.swiperOption}},_vm._l((_vm.items),function(item){return _c('swiper-slide',{key:item.ID},[_c('div',{staticClass:\"conent-wrap\"},[_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"day ff-tt ft-50\"},[_vm._v(_vm._s(_vm._f(\"filterDay\")(item.NOTETIME)))]),_c('div',{staticClass:\"year-month ff-tt ft-20\"},[_vm._v(\"\\n              \"+_vm._s(_vm._f(\"filterMonth\")(item.NOTETIME))+\"\\n            \")]),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"text ft-16\"},[_vm._v(_vm._s(_vm.$t('swipe1')))])]),_c('div',{staticClass:\"article\"},[_c('div',{staticClass:\"title ft-25\"},[_vm._v(_vm._s(item.PRONAME))]),_c('div',{staticClass:\"desc ft-14\",domProps:{\"innerHTML\":_vm._s(item.CONTENT)}}),_c('div',{staticClass:\"img-wrap\"},[_c('img',{attrs:{\"src\":_vm._f(\"imgFilter\")(item.SMALLPIC),\"alt\":\"\"}})])])])])}),1),_c('div',{staticClass:\"optional\"},[_vm._m(0),_c('div',{staticClass:\"btns-wrap\"},[_c('div',{staticClass:\"btns\"},[_c('div',{staticClass:\"swiper-button-prev swiper-button-black\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-button-next swiper-button-black\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"})])])])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pagination-wrap\"},[_c('div',{staticClass:\"pagination\"},[_c('div',{staticClass:\"swiper-pagination ft-20\"})])])}]\n\nexport { render, staticRenderFns }","\r\n<template>\r\n  <div class=\"p-max-wrap\">\r\n    <div class=\"p-max-1500\">\r\n      <swiper ref=\"mySwiper\"\r\n        :options=\"swiperOption\">\r\n        <swiper-slide v-for=\"item in items\"\r\n          :key=\"item.ID\">\r\n          <div class=\"conent-wrap\">\r\n            <div class=\"info\">\r\n              <div class=\"day ff-tt ft-50\">{{ item.NOTETIME | filterDay }}</div>\r\n              <div class=\"year-month ff-tt ft-20\">\r\n                {{ item.NOTETIME | filterMonth }}\r\n              </div>\r\n              <div class=\"line\"></div>\r\n              <div class=\"text ft-16\">{{$t('swipe1')}}</div>\r\n            </div>\r\n            <div class=\"article\">\r\n              <div class=\"title ft-25\">{{ item.PRONAME }}</div>\r\n              <div class=\"desc ft-14\" v-html=\"item.CONTENT\"></div>\r\n              <div class=\"img-wrap\">\r\n                <img :src=\"item.SMALLPIC | imgFilter\" alt=\"\">\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </swiper-slide>\r\n      </swiper>\r\n\r\n      <!-- Optional controls -->\r\n      <div class=\"optional\">\r\n        <div class=\"pagination-wrap\">\r\n          <div class=\"pagination\">\r\n            <div class=\"swiper-pagination ft-20\"></div>\r\n          </div>\r\n        </div>\r\n        <div class=\"btns-wrap\">\r\n          <div class=\"btns\">\r\n            <div class=\"swiper-button-prev swiper-button-black\" slot=\"button-prev\"></div>\r\n            <div class=\"swiper-button-next swiper-button-black\" slot=\"button-next\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport 'swiper/dist/css/swiper.css'\r\nimport { swiper, swiperSlide } from 'vue-awesome-swiper'\r\nimport { getHistoryArticleUrl } from '@/util/url.js'\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  components: {\r\n    swiper,\r\n    swiperSlide\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      swiperOption: {\r\n        // Basic 一般选项\r\n        speed: 1600,\r\n        // Loop 环路\r\n        loop: true,\r\n        /* 组件 */\r\n        // Autoplay 自动切换\r\n        autoplay: {\r\n          // 用户操作swiper之后，是否禁止autoplay\r\n          disableOnInteraction: false\r\n        },\r\n        // 如果需要前进后退按钮\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev'\r\n        },\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          type: 'fraction'\r\n        }\r\n      },\r\n      items: [\r\n        // {\r\n        //   id: 0,\r\n        //   image: '/images/swipe1-1.png',\r\n        //   day: '26',\r\n        //   yearMonth: '2018.08',\r\n        //   title: '0 今日的社会情怀',\r\n        //   desc: '<div>0 2008年汶川大地震，我们向灾区捐款捐物共计217万元。2010年玉树地震，我们向灾区捐款捐物共计50多万元。累计向市残联助残活动捐赠善款30万元。<br>招收残疾员工200多人，被市政府授予“残疾人就业基地”的荣誉称号。<br>与国家重点院校签订定向班，每年向200余大学生提供“阳光学子”就业培训，多年来共解决千余人的就业问题。为行业输送制造、设计、营销、物流仓储、管理等高端人才200多人。<div>'\r\n        // },\r\n        // {\r\n        //   id: 1,\r\n        //   image: '/images/swipe1-1.png',\r\n        //   day: '26',\r\n        //   yearMonth: '2018.08',\r\n        //   title: '1 今日的社会情怀',\r\n        //   desc: '<div>1 2008年汶川大地震，我们向灾区捐款捐物共计217万元。2010年玉树地震，我们向灾区捐款捐物共计50多万元。累计向市残联助残活动捐赠善款30万元。<br>招收残疾员工200多人，被市政府授予“残疾人就业基地”的荣誉称号。<br>与国家重点院校签订定向班，每年向200余大学生提供“阳光学子”就业培训，多年来共解决千余人的就业问题。为行业输送制造、设计、营销、物流仓储、管理等高端人才200多人。<div>'\r\n        // },\r\n        // {\r\n        //   id: 2,\r\n        //   image: '/images/swipe1-1.png',\r\n        //   day: '26',\r\n        //   yearMonth: '2018.08',\r\n        //   title: '2 今日的社会情怀',\r\n        //   desc: '<div>2 2008年汶川大地震，我们向灾区捐款捐物共计217万元。2010年玉树地震，我们向灾区捐款捐物共计50多万元。累计向市残联助残活动捐赠善款30万元。<br>招收残疾员工200多人，被市政府授予“残疾人就业基地”的荣誉称号。<br>与国家重点院校签订定向班，每年向200余大学生提供“阳光学子”就业培训，多年来共解决千余人的就业问题。为行业输送制造、设计、营销、物流仓储、管理等高端人才200多人。<div>'\r\n        // },\r\n        // {\r\n        //   id: 3,\r\n        //   image: '/images/swipe1-1.png',\r\n        //   day: '26',\r\n        //   yearMonth: '2018.08',\r\n        //   title: '3 今日的社会情怀',\r\n        //   desc: '<div>3 2008年汶川大地震，我们向灾区捐款捐物共计217万元。2010年玉树地震，我们向灾区捐款捐物共计50多万元。累计向市残联助残活动捐赠善款30万元。<br>招收残疾员工200多人，被市政府授予“残疾人就业基地”的荣誉称号。<br>与国家重点院校签订定向班，每年向200余大学生提供“阳光学子”就业培训，多年来共解决千余人的就业问题。为行业输送制造、设计、营销、物流仓储、管理等高端人才200多人。<div>'\r\n        // },\r\n        // {\r\n        //   id: 4,\r\n        //   image: '/images/swipe1-1.png',\r\n        //   day: '26',\r\n        //   yearMonth: '2018.08',\r\n        //   title: '4 今日的社会情怀',\r\n        //   desc: '<div>4 2008年汶川大地震，我们向灾区捐款捐物共计217万元。2010年玉树地震，我们向灾区捐款捐物共计50多万元。累计向市残联助残活动捐赠善款30万元。<br>招收残疾员工200多人，被市政府授予“残疾人就业基地”的荣誉称号。<br>与国家重点院校签订定向班，每年向200余大学生提供“阳光学子”就业培训，多年来共解决千余人的就业问题。为行业输送制造、设计、营销、物流仓储、管理等高端人才200多人。<div>'\r\n        // }\r\n      ]\r\n    }\r\n  },\r\n\r\n  mounted () {\r\n    this.fechData()\r\n  },\r\n\r\n  methods: {\r\n    fechData () {\r\n      const url = getHistoryArticleUrl(this.$store.state.lang)\r\n      axios.get(url).then(res => {\r\n        // console.log(res)\r\n        if (res && res.data && res.data.proarr && res.data.proarr.length > 0) {\r\n          this.items = res.data.proarr\r\n        }\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.conent-wrap {\r\n  padding: 30px;\r\n  .info {\r\n    text-align: center;\r\n    position: absolute;\r\n\r\n    .day {\r\n      line-height: 60px;\r\n      color: #8fd6ed;\r\n    }\r\n\r\n    .year-month {\r\n      line-height: 30px;\r\n      color: #03192f;\r\n    }\r\n\r\n    .line {\r\n      height: 1px;\r\n      background-color: #03192f;\r\n    }\r\n\r\n    .text {\r\n      line-height: 30px;\r\n      color: #03192f;\r\n    }\r\n  }\r\n  .article {\r\n    padding-top: 68px;\r\n    width: 100%;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n\r\n    .title {\r\n      text-align: center;\r\n      color: #03192f;\r\n      line-height: 50px;\r\n    }\r\n\r\n    .desc {\r\n      padding: 30px;\r\n      color: #3c546e;\r\n      line-height: 40px;\r\n    }\r\n  }\r\n}\r\n\r\n.optional {\r\n  position: relative;\r\n  height: 88px;\r\n  margin-bottom: 80px;\r\n  .pagination-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 88px;\r\n\r\n    .pagination {\r\n      position: relative;\r\n      height: 66px;\r\n    }\r\n  }\r\n  .btns-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 88px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    .btns {\r\n      width: 220px;\r\n      position: relative;\r\n      height: 88px;\r\n    }\r\n  }\r\n}\r\n\r\n.img-wrap {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n@media(max-width: 768px){\r\n  .conent-wrap{\r\n    .info{\r\n      position: static;\r\n    }\r\n    .article{\r\n      padding-top: 0;\r\n      .desc{\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\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!./Swipe1.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!./Swipe1.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Swipe1.vue?vue&type=template&id=6223320f&scoped=true&\"\nimport script from \"./Swipe1.vue?vue&type=script&lang=js&\"\nexport * from \"./Swipe1.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Swipe1.vue?vue&type=style&index=0&id=6223320f&lang=scss&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  \"6223320f\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"event-pbox\",staticStyle:{\"background-image\":\"url(/images/history-1.png)\"},attrs:{\"id\":\"about-history\"}},[_c('div',{ref:\"eventbox\",staticClass:\"eventBox\"},[_c('dl',{ref:\"eventlist\",staticClass:\"event-list\"},[_vm._l((_vm.items),function(item,index){return _c('dd',{key:item.ID,class:(\"itembox\" + (index%2))},[_c('i',{staticClass:\"ico\"}),_c('p',{staticClass:\"year\"},[_vm._v(_vm._s(item.PRONAME))]),_c('div',{staticClass:\"item\"},[_vm._v(\"\\n          \"+_vm._s(item.MS)+\"\\n        \")])])}),_vm._l((_vm.items),function(item,index){return _c('dd',{key:item.ID * 2,class:(\"itembox\" + (index%2))},[_c('i',{staticClass:\"ico\"}),_c('p',{staticClass:\"year\"},[_vm._v(_vm._s(item.PRONAME))]),_c('div',{staticClass:\"item\"},[_vm._v(\"\\n          \"+_vm._s(item.MS)+\"\\n        \")])])})],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n<template>\r\n  <section\r\n    class=\"event-pbox\"\r\n    id=\"about-history\"\r\n    style=\"background-image: url(/images/history-1.png)\">\r\n    <div ref=\"eventbox\" class=\"eventBox\">\r\n      <dl ref=\"eventlist\" class=\"event-list\">\r\n        <dd v-for=\"(item, index) in items\"\r\n          :key=\"item.ID\"\r\n          :class=\"`itembox${index%2}`\">\r\n          <!-- @click=\"goCenter\" -->\r\n          <i class=\"ico\"></i>\r\n          <p class=\"year\">{{ item.PRONAME }}</p>\r\n          <div class=\"item\">\r\n            {{ item.MS }}\r\n          </div>\r\n        </dd>\r\n        <dd v-for=\"(item, index) in items\"\r\n          :key=\"item.ID * 2\"\r\n          :class=\"`itembox${index%2}`\">\r\n          <!-- @click=\"goCenter\" -->\r\n          <i class=\"ico\"></i>\r\n          <p class=\"year\">{{ item.PRONAME }}</p>\r\n          <div class=\"item\">\r\n            {{ item.MS }}\r\n          </div>\r\n        </dd>\r\n      </dl>\r\n    </div>\r\n    <!-- <p class=\"event-mouse\">TIPS: 横向滚动历史年轮~</p> -->\r\n  </section>\r\n</template>\r\n\r\n<script>\r\n// import Scrollbar from 'smooth-scrollbar'\r\nimport { qsa } from '@/util/dom.js'\r\nimport { getHistoryUrl } from '@/util/url.js'\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data () {\r\n    return {\r\n      items: []\r\n    }\r\n  },\r\n\r\n  // beforeDestroy () {\r\n  //   // this.scrollbar.removeListener(this.scrollListener)\r\n  //   // this.scrollbar.destroy()\r\n  //   // this.scrollbar = null\r\n  // },\r\n\r\n  mounted () {\r\n    this.fechData()\r\n  },\r\n\r\n  methods: {\r\n    // scrollListener (status) {\r\n    //   console.log(status)\r\n    //   // const { offset, limit } = status\r\n    //   // if (offset.x > 50 && offset.x < limit.x - 50) {\r\n    //   //   window.scrollBar.updatePluginOptions('modal', { open: true })\r\n    //   // } else {\r\n    //   //   window.scrollBar.updatePluginOptions('modal', { open: false })\r\n    //   // }\r\n    // }\r\n\r\n    // mousewheel (e) {\r\n    //   console.log(e)\r\n    // }\r\n\r\n    fechData () {\r\n      const url = getHistoryUrl(this.$store.state.lang)\r\n      axios.get(url).then(res => {\r\n        if (res && res.data && res.data.proarr && res.data.proarr.length > 0) {\r\n          this.items = res.data.proarr\r\n          // this.fechView()\r\n        }\r\n      })\r\n    },\r\n\r\n    fechView () {\r\n      this.$nextTick(() => {\r\n        const dds = qsa('.event-list dd', this.$refs.eventlist)\r\n        const w = window.innerWidth\r\n\r\n        this.$refs.eventlist.style.paddingLeft = (w / 2) + 'px'\r\n        this.$refs.eventlist.style.width =\r\n          (dds.length * 326 + w) + 'px'\r\n        this.go(w - 210)\r\n      })\r\n    },\r\n\r\n    goCenter (e) {\r\n      const x = e.clientX || e.pageX || e.x\r\n      this.go(x)\r\n    },\r\n\r\n    go (x) {\r\n      const s = window.innerWidth / 2\r\n      const l = this.$refs.eventbox.scrollLeft\r\n\r\n      // console.log({ x, s, l })\r\n\r\n      this.$refs.eventbox.scrollTo(l + x - s, 0)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.event-pbox {\r\n  background-position: center top;\r\n  background-size: cover;\r\n  color: #fff;\r\n  padding-top: 190px;\r\n  padding-bottom: 60px;\r\n  position: relative;\r\n}\r\n.eventBox {\r\n  width: 100%;\r\n  height: 520px;\r\n  // overflow-x: hidden;\r\n  // overflow-x: scroll;\r\n  position: relative;\r\n}\r\n.eventBox a:link,\r\n.eventBox a:visited {\r\n  color: #fff;\r\n}\r\n.eventBox a:active,\r\n.eventBox a:hover {\r\n  color: #fff;\r\n}\r\n.event-list {\r\n  width: 5216px;\r\n  height: 600px;\r\n  // padding-left: 210px;\r\n  position: absolute;\r\n  animation: roll 20s linear infinite;\r\n  // white-space: nowrap;\r\n}\r\n\r\n.event-list:hover {\r\n  animation-play-state: paused;\r\n}\r\n\r\n.event-list dd {\r\n  float: left;\r\n  display: block;\r\n  width: 326px;\r\n  height: 448px;\r\n  position: relative;\r\n}\r\n.event-list .year {\r\n  transform: translateY(-48px);\r\n  font-size: 40px;\r\n  line-height: 1.2;\r\n  font-family: \"DINCondMedium\";\r\n}\r\n.event-list .itembox0:not(:last-child) {\r\n  background: url(/images/fj_x1.png) no-repeat scroll 44px 54%;\r\n}\r\n.event-list .itembox1 {\r\n  padding-top: 400px;\r\n  height: auto;\r\n}\r\n.event-list .itembox1:not(:last-child) {\r\n  background: url(/images/fj_x2.png) no-repeat scroll 44px 41%;\r\n}\r\n\r\n.event-list .item {\r\n  transform: translateY(-48px);\r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  height: 96px;\r\n  // overflow: hidden;\r\n}\r\n.event-list .ico {\r\n  background: url(/images/fj.png) no-repeat scroll center center;\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 22px;\r\n  position: absolute;\r\n  left: 0;\r\n  cursor:pointer;\r\n  // border:1px solid #2b92d4;\r\n  overflow:hidden;\r\n  box-shadow:0 1px 2px rgba(0,0,0,.3);\r\n  animation-timing-function:ease-in-out;\r\n  animation-name:breathe;\r\n  animation-duration:2000ms;\r\n  animation-iteration-count:infinite;\r\n  animation-direction:alternate;\r\n}\r\n\r\n@keyframes roll {\r\n  from {\r\n    transform: translate(0, 0);\r\n  }\r\n  to {\r\n    transform: translate(-50.2%, 0);\r\n  }\r\n}\r\n\r\n@keyframes breathe {\r\n  0% {\r\n    opacity: 0.6;\r\n    box-shadow: 0 1px 2px rgba(255,255,255,0.1);\r\n  }\r\n\r\n  100% {\r\n    opacity:1;\r\n    // border: 1px solid rgba(59,235,235,1);\r\n    box-shadow: 0 1px 30px rgb(49, 198, 243);\r\n  }\r\n}\r\n\r\n.event-list .itembox0 .ico {\r\n  top: 154px;\r\n}\r\n.event-list .itembox1 .ico {\r\n  top: 274px;\r\n}\r\n.event-mouse {\r\n  width: 100%;\r\n  text-align: center;\r\n  position: absolute;\r\n  bottom: 80px;\r\n  color: #8fd6ed;\r\n}\r\n\r\n@media (max-width: 1440px) {\r\n  .event-pbox {\r\n    padding-top: 100px;\r\n  }\r\n  .event-list {\r\n    height: 520px;\r\n    // padding-left: 150px;\r\n  }\r\n  .event-list .year {\r\n    font-size: 32px;\r\n  }\r\n  .event-list .item {\r\n    font-size: 16px;\r\n    height: 72px;\r\n  }\r\n  .event-list dd {\r\n    height: 380px;\r\n  }\r\n  .event-list .itembox1 {\r\n    padding-top: 340px;\r\n  }\r\n  .event-list .itembox0 .ico {\r\n    top: 116px;\r\n  }\r\n  .event-list .itembox1 .ico {\r\n    top: 238px;\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .event-pbox {\r\n    padding: 55px 0px;\r\n    background: none #fff !important;\r\n    color: #777;\r\n  }\r\n  .event-pbox .mCSB_container {\r\n    width: 100% !important;\r\n    left: 0 !important;\r\n  }\r\n  .eventBox {\r\n    width: 90%;\r\n    margin: 0px auto;\r\n  }\r\n  .event-list {\r\n    width: 100% !important;\r\n    height: auto;\r\n    padding-left: 0;\r\n  }\r\n  .event-list .itembox0,\r\n  .event-list .itembox1 {\r\n    background: none;\r\n  }\r\n  .event-list dd {\r\n    overflow: hidden;\r\n    width: auto;\r\n    float: none;\r\n    display: block;\r\n    height: auto;\r\n    padding-left: 40px;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    padding-bottom: 5px;\r\n  }\r\n  .event-list dd:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 21px;\r\n    top: 30px;\r\n    width: 1px;\r\n    height: 100%;\r\n    background-color: #777;\r\n  }\r\n  .event-list .itembox1 {\r\n    padding-top: 0;\r\n  }\r\n  .event-list .itembox0 .ico,\r\n  .event-list .itembox1 .ico {\r\n    top: 2px;\r\n    transform: rotate(90deg);\r\n    -webkit-transform: rotate(90deg);\r\n  }\r\n  .event-list .item {\r\n    height: auto;\r\n  }\r\n  .event-list .year {\r\n    color: #00448a;\r\n    font-size: 30px;\r\n    line-height: 1;\r\n    margin-bottom: 8px;\r\n  }\r\n  .event-list .item {\r\n    font-size: 16px;\r\n  }\r\n  .event-mouse {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .eventBox{\r\n    height: auto;\r\n    .event-list{\r\n      position: static;\r\n      animation:none;\r\n    }\r\n  }\r\n  .event-list .year {\r\n    transform: translate(0);\r\n  }\r\n  .event-list .item {\r\n    transform: translate(0);\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .event-list .year {\r\n    font-size: 28px;\r\n  }\r\n  .event-list .item {\r\n    font-size: 15px;\r\n  }\r\n}\r\n</style>\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!./Historylist.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!./Historylist.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Historylist.vue?vue&type=template&id=0d6e3ddf&scoped=true&\"\nimport script from \"./Historylist.vue?vue&type=script&lang=js&\"\nexport * from \"./Historylist.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Historylist.vue?vue&type=style&index=0&id=0d6e3ddf&lang=scss&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  \"0d6e3ddf\",\n  null\n  \n)\n\nexport default component.exports","\r\n<template>\r\n  <div id=\"history\" class=\"main\">\r\n    <Hero backimg=\"background-image:url(/images/hero-history.jpg)\"\r\n      :title=\"$t('about.history.banner')\"\r\n      sub=\"\" />\r\n\r\n    <div class=\"color-change\">\r\n      <AboutMenu />\r\n\r\n      <Swipe1 />\r\n\r\n      <Historylist />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Hero from '@/components/Hero.vue'\r\nimport AboutMenu from '@/components/AboutMenu.vue'\r\nimport Swipe1 from '@/components/Swipe1.vue'\r\nimport Historylist from '@/components/Historylist.vue'\r\n\r\nexport default {\r\n  components: {\r\n    Hero,\r\n    AboutMenu,\r\n    Swipe1,\r\n    Historylist\r\n  },\r\n\r\n  mounted () {\r\n    document.title = `${this.$t('nav.about')}-${this.$t('title')}`\r\n    this.$nextTick(() => {\r\n      if (window.scrollBar) window.scrollBar.scrollTop = 0\r\n\r\n      // setTimeout(() => {\r\n      //   this.loader.hide()\r\n      // }, 300)\r\n    })\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.main, .color-change {\r\n  background: linear-gradient(#cae6f9, #cae6f9, #fff);\r\n}\r\n</style>\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!./AboutHistory.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!./AboutHistory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AboutHistory.vue?vue&type=template&id=24c7af72&scoped=true&\"\nimport script from \"./AboutHistory.vue?vue&type=script&lang=js&\"\nexport * from \"./AboutHistory.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AboutHistory.vue?vue&type=style&index=0&id=24c7af72&lang=scss&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  \"24c7af72\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutMenu.vue?vue&type=style&index=0&id=5353ae12&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutMenu.vue?vue&type=style&index=0&id=5353ae12&lang=scss&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutHistory.vue?vue&type=style&index=0&id=24c7af72&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutHistory.vue?vue&type=style&index=0&id=24c7af72&lang=scss&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Historylist.vue?vue&type=style&index=0&id=0d6e3ddf&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Historylist.vue?vue&type=style&index=0&id=0d6e3ddf&lang=scss&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutMenu.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutMenu.vue?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}