{"version":3,"sources":["webpack:///./src/components/Morebtn.vue?925c","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/components/Morebtn.vue?842b","webpack:///src/components/Morebtn.vue","webpack:///./src/components/Morebtn.vue?e166","webpack:///./src/components/Morebtn.vue","webpack:///./src/components/AboutMenu.vue?97f0","webpack:///./src/components/Knowbtn.vue?672d","webpack:///./src/views/AboutMovie.vue?58da","webpack:///./src/components/Knowbtn.vue?0683","webpack:///src/components/Knowbtn.vue","webpack:///./src/components/Knowbtn.vue?2529","webpack:///./src/components/Knowbtn.vue","webpack:///src/views/AboutMovie.vue","webpack:///./src/views/AboutMovie.vue?dee1","webpack:///./src/views/AboutMovie.vue","webpack:///./src/views/AboutMovie.vue?d7d3","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_Morebtn_vue_vue_type_style_index_0_id_42a12837_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_Morebtn_vue_vue_type_style_index_0_id_42a12837_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_","class","click","btnClick","Morebtnvue_type_script_lang_js_","Boolean","$emit","components_Morebtnvue_type_script_lang_js_","_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_Knowbtn_vue_vue_type_style_index_0_id_32d9ed2f_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_Knowbtn_vue_vue_type_style_index_0_id_32d9ed2f_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","_l","item","key","ID","src","_f","SMALLPIC","alt","$event","gotoPage","PRONAME","MS","hasMore","btn-click","showMore","Knowbtnvue_type_template_id_32d9ed2f_scoped_true_render","Knowbtnvue_type_template_id_32d9ed2f_scoped_true_staticRenderFns","Knowbtnvue_type_script_lang_js_","components_Knowbtnvue_type_script_lang_js_","Knowbtn","AboutMovievue_type_script_lang_js_","Hero","AboutMenu","Morebtn","data","items","document","$nextTick","scrollBar","scrollTop","count","step","fechData","url","util_url","$store","state","lang","axios_default","a","get","then","res","proarr","length","filterData","slice","$router","push","views_AboutMovievue_type_script_lang_js_","AboutMovie_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_AboutMovie_vue_vue_type_style_index_0_id_7a4030f4_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_AboutMovie_vue_vue_type_style_index_0_id_7a4030f4_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-31d09b0b.f4de9703.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!./Morebtn.vue?vue&type=style&index=0&id=42a12837&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!./Morebtn.vue?vue&type=style&index=0&id=42a12837&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:\"btn-know ft-16\",class:{ dark: _vm.dark },on:{\"click\":_vm.btnClick}},[_vm._v(_vm._s(_vm.text))])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n<template>\r\n  <div class=\"btn-know ft-16\"\r\n    :class=\"{ dark }\"\r\n    @click=\"btnClick\">{{ text }}</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    dark: Boolean,\r\n    text: String\r\n  },\r\n\r\n  methods: {\r\n    btnClick () {\r\n      this.$emit('btn-click')\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.btn-know {\r\n  cursor: pointer;\r\n  width: 166px;\r\n  height: 64px;\r\n  color: #fff;\r\n  border-width: 1px;\r\n  border-style: solid;\r\n  border-color: #fff;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.btn-know.dark {\r\n  color: #03192f;\r\n  border-color: #03192f;\r\n  transition: color 0.4s cubic-bezier(.77,.15,0,.99), background-color 0.4s cubic-bezier(.77,.15,0,.99);\r\n}\r\n.btn-know.dark:hover {\r\n  color: #8fd6ed;\r\n  background-color: #000;\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!./Morebtn.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!./Morebtn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Morebtn.vue?vue&type=template&id=42a12837&scoped=true&\"\nimport script from \"./Morebtn.vue?vue&type=script&lang=js&\"\nexport * from \"./Morebtn.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Morebtn.vue?vue&type=style&index=0&id=42a12837&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  \"42a12837\",\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!./Knowbtn.vue?vue&type=style&index=0&id=32d9ed2f&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!./Knowbtn.vue?vue&type=style&index=0&id=32d9ed2f&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\",attrs:{\"id\":\"movie\"}},[_c('Hero',{attrs:{\"backimg\":\"background-image:url(/images/hero-movie.jpg)\",\"title\":_vm.$t('about.movie.banner'),\"sub\":\"\"}}),_c('div',{staticClass:\"color-change\"},[_c('AboutMenu'),_c('div',{staticClass:\"wrap-1500\"},[_vm._l((_vm.items),function(item){return _c('div',{key:item.ID,staticClass:\"movie-warp\"},[_c('img',{attrs:{\"src\":_vm._f(\"imgFilter\")(item.SMALLPIC),\"alt\":\"\"}}),_c('div',{staticClass:\"content-wrap\",on:{\"click\":function($event){return _vm.gotoPage(item.ID)}}},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title ff-dr ft-30\"},[_vm._v(_vm._s(item.PRONAME))]),_c('div',{staticClass:\"sub ft-20\"},[_vm._v(_vm._s(item.MS))]),_c('Knowbtn',{attrs:{\"dark\":false}})],1)])])}),_c('div',{staticClass:\"btn-wrap\",class:{ hasMore: _vm.hasMore }},[_c('Morebtn',{attrs:{\"dark\":true,\"text\":\"加载更多\"},on:{\"btn-click\":_vm.showMore}})],1)],2)],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:\"btn-know ft-16\",class:{ dark: _vm.dark }},[_vm._v(_vm._s(_vm.$t('btn1')))])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n<template>\r\n  <div class=\"btn-know ft-16\"\r\n    :class=\"{ dark }\">{{$t('btn1')}}</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    dark: Boolean\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.btn-know {\r\n  cursor: pointer;\r\n  width: 166px;\r\n  height: 64px;\r\n  color: #fff;\r\n  border-width: 1px;\r\n  border-style: solid;\r\n  border-color: #fff;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.btn-know.dark {\r\n  color: #000;\r\n  border-color: #000;\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!./Knowbtn.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!./Knowbtn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Knowbtn.vue?vue&type=template&id=32d9ed2f&scoped=true&\"\nimport script from \"./Knowbtn.vue?vue&type=script&lang=js&\"\nexport * from \"./Knowbtn.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Knowbtn.vue?vue&type=style&index=0&id=32d9ed2f&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  \"32d9ed2f\",\n  null\n  \n)\n\nexport default component.exports","\r\n<template>\r\n  <div id=\"movie\" class=\"main\">\r\n    <Hero backimg=\"background-image:url(/images/hero-movie.jpg)\"\r\n      :title=\"$t('about.movie.banner')\"\r\n      sub=\"\" />\r\n\r\n    <div class=\"color-change\">\r\n      <AboutMenu />\r\n\r\n      <div class=\"wrap-1500\">\r\n        <div class=\"movie-warp\"\r\n          v-for=\"item in items\"\r\n          :key=\"item.ID\">\r\n          <img :src=\"item.SMALLPIC | imgFilter\" alt=\"\">\r\n\r\n          <div class=\"content-wrap\"\r\n            @click=\"gotoPage(item.ID)\">\r\n            <div class=\"content\">\r\n              <div class=\"title ff-dr ft-30\">{{ item.PRONAME }}</div>\r\n              <div class=\"sub ft-20\">{{ item.MS }}</div>\r\n              <Knowbtn :dark=\"false\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"btn-wrap\" :class=\"{ hasMore }\">\r\n          <Morebtn :dark=\"true\"\r\n            text=\"加载更多\"\r\n            @btn-click=\"showMore\" />\r\n        </div>\r\n      </div>\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 Knowbtn from '@/components/Knowbtn.vue'\r\nimport Morebtn from '@/components/Morebtn.vue'\r\nimport { getMovieUrl } from '@/util/url.js'\r\nimport axios from 'axios'\r\n\r\n// const mockData = [\r\n//   {\r\n//     ID: 0,\r\n//     img: '/images/movie-1.png',\r\n//     title: '2019 BLOCKBUSTERS',\r\n//     sub: '今日食品2019年全新企业形象宣传片'\r\n//   },\r\n//   {\r\n//     ID: 1,\r\n//     img: '/images/movie-2.png',\r\n//     title: 'FASHION BUSINESS BLOCKBUSTER',\r\n//     sub: '今日食品全新品牌时尚短片'\r\n//   },\r\n//   {\r\n//     ID: 2,\r\n//     img: '/images/movie-1.png',\r\n//     title: '2019 BLOCKBUSTERS',\r\n//     sub: '今日食品2019年全新企业形象宣传片'\r\n//   },\r\n//   {\r\n//     ID: 3,\r\n//     img: '/images/movie-2.png',\r\n//     title: 'FASHION BUSINESS BLOCKBUSTER',\r\n//     sub: '今日食品全新品牌时尚短片'\r\n//   },\r\n//   {\r\n//     ID: 4,\r\n//     img: '/images/movie-1.png',\r\n//     title: '2019 BLOCKBUSTERS',\r\n//     sub: '今日食品2019年全新企业形象宣传片'\r\n//   },\r\n//   {\r\n//     ID: 5,\r\n//     img: '/images/movie-2.png',\r\n//     title: 'FASHION BUSINESS BLOCKBUSTER',\r\n//     sub: '今日食品全新品牌时尚短片'\r\n//   }\r\n// ]\r\n\r\nexport default {\r\n  components: {\r\n    Hero,\r\n    AboutMenu,\r\n    Knowbtn,\r\n    Morebtn\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      hasMore: false,\r\n      items: []\r\n    }\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    this.count = 2\r\n    this.step = 2\r\n    this.hasMore = false\r\n\r\n    this.fechData()\r\n  },\r\n\r\n  methods: {\r\n    fechData () {\r\n      // setTimeout(() => {\r\n      //   this.data = mockData\r\n      //   this.filterData()\r\n      // }, 1000)\r\n\r\n      const url = getMovieUrl(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.data = res.data.proarr\r\n          // console.log(this.data)\r\n          this.filterData()\r\n        }\r\n      })\r\n    },\r\n\r\n    filterData () {\r\n      this.items = this.data.slice(0, this.count)\r\n      this.count += this.step\r\n\r\n      if (this.data.length > this.items.length) this.hasMore = true\r\n      else this.hasMore = false\r\n    },\r\n\r\n    showMore () {\r\n      this.filterData()\r\n    },\r\n\r\n    gotoPage (id) {\r\n      this.$router.push(`/sangle1/${id}`)\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\r\n.wrap-1500 {\r\n  padding: 30px 0;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  max-width: 1500px;\r\n}\r\n\r\n.movie-warp {\r\n  cursor: pointer;\r\n  margin: 32px;\r\n  overflow: hidden;\r\n  position: relative;\r\n\r\n  img {\r\n    width: 100%;\r\n    transition: transform 5s linear;\r\n  }\r\n}\r\n.movie-warp:hover img {\r\n  transform: scale(1.1)\r\n}\r\n\r\n.content-wrap {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  .content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    color: #fff;\r\n\r\n    .title {\r\n      line-height: 60px;\r\n    }\r\n    .sub {\r\n      line-height: 40px;\r\n      margin-bottom: 24px;\r\n    }\r\n  }\r\n}\r\n\r\n.btn-wrap.hasMore {\r\n  display: flex;\r\n}\r\n.btn-wrap {\r\n  display: none;\r\n  justify-content: center;\r\n}\r\n@media(max-width: 768px){\r\n  .movie-warp{\r\n    margin-left: 20px;\r\n    margin-right: 20px;\r\n    .content{\r\n      .title{\r\n        font-size: 20px;\r\n        line-height: normal;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n      }\r\n      .btn-know{\r\n        width: 120px;\r\n        height: 40px;\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!./AboutMovie.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!./AboutMovie.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AboutMovie.vue?vue&type=template&id=7a4030f4&scoped=true&\"\nimport script from \"./AboutMovie.vue?vue&type=script&lang=js&\"\nexport * from \"./AboutMovie.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AboutMovie.vue?vue&type=style&index=0&id=7a4030f4&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  \"7a4030f4\",\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!./AboutMovie.vue?vue&type=style&index=0&id=7a4030f4&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!./AboutMovie.vue?vue&type=style&index=0&id=7a4030f4&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":""}