{"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/Morebtn.vue?842b","webpack:///src/components/Morebtn.vue","webpack:///./src/components/Morebtn.vue?e166","webpack:///./src/components/Morebtn.vue","webpack:///./src/views/Products.vue?9f69","webpack:///./src/components/ProductItem.vue?dbd3","webpack:///src/components/ProductItem.vue","webpack:///./src/components/ProductItem.vue?6284","webpack:///./src/components/ProductItem.vue","webpack:///src/views/Products.vue","webpack:///./src/views/Products.vue?6349","webpack:///./src/views/Products.vue","webpack:///./src/components/ProductItem.vue?0060","webpack:///./src/views/Products.vue?ab90"],"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","class","dark","click","btnClick","text","Morebtnvue_type_script_lang_js_","Boolean","$emit","components_Morebtnvue_type_script_lang_js_","$t","btn-click","gotoFatherPage","_l","item","key","ID","img","_f","SMALLPIC","PRONAME","info","MS","select-product","gotoProductPage","hasMore","showMore","ProductItemvue_type_template_id_eece7dc6_scoped_true_render","data-lazyload","src","alt","ProductItemvue_type_template_id_eece7dc6_scoped_true_staticRenderFns","ProductItemvue_type_script_lang_js_","components_ProductItemvue_type_script_lang_js_","ProductItem","Productsvue_type_script_lang_js_","Hero","Morebtn","data","items","watch","$route","document","fetchView","count","step","$nextTick","scrollBar","scrollTop","fechData","$router","push","name","fid","params","routeUrl","resolve","open","href","url0","util_url","axios_default","a","get","then","res","CALLED","EN","url","$store","state","lang","proarr","length","filterData","slice","views_Productsvue_type_script_lang_js_","Products_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_ProductItem_vue_vue_type_style_index_0_id_eece7dc6_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_ProductItem_vue_vue_type_style_index_0_id_eece7dc6_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_Products_vue_vue_type_style_index_0_id_3be1baae_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_Products_vue_vue_type_style_index_0_id_3be1baae_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/chunk-23cc54f0.6c3e5cb0.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:\"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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\",attrs:{\"id\":\"products\"}},[_c('Hero',{attrs:{\"backimg\":\"background-image:url(/images/hero-products.jpg)\",\"title\":_vm.$t('products.banner'),\"sub\":\"Fresh Life Starts From Today\"}}),_c('div',{staticClass:\"color-change\"},[_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"base-title ft-30\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"base-sub ff-dr ft-14\"},[_vm._v(\"\\n        \"+_vm._s(_vm.sub)+\"\\n      \")])]),_c('div',{staticClass:\"wrap-1500\"},[_c('div',{staticClass:\"btn-wrap\"},[_c('Morebtn',{attrs:{\"dark\":true,\"text\":_vm.$t('Morebtn2')},on:{\"btn-click\":_vm.gotoFatherPage}})],1)]),_c('div',{staticClass:\"wrap-1500\"},[_c('div',{staticClass:\"productlist\"},_vm._l((_vm.items),function(item){return _c('div',{key:item.ID,staticClass:\"productitem\"},[_c('ProductItem',{attrs:{\"id\":item.ID,\"img\":_vm._f(\"imgFilter\")(item.SMALLPIC),\"title\":item.PRONAME,\"info\":item.MS},on:{\"select-product\":_vm.gotoProductPage}})],1)}),0),_c('div',{staticClass:\"btn-wrap center\",class:{ hasMore: _vm.hasMore }},[_c('Morebtn',{attrs:{\"dark\":true,\"text\":_vm.$t('Morebtn1')},on:{\"btn-click\":_vm.showMore}})],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:\"slider-selection-item\",on:{\"click\":_vm.btnClick}},[_c('div',{staticClass:\"slider-selection-card change-page\"},[_c('div',{staticClass:\"slider-selection-card-img img-lazyload-container\"},[_c('img',{staticClass:\"img-lazyload\",attrs:{\"data-lazyload\":\"true\",\"src\":_vm.img,\"alt\":\"Landmannalaugar\",\"title\":\"Randonn\"}})]),_c('div',{staticClass:\"slider-selection-card-content\"},[_c('h4',{staticClass:\"slider-selection-card-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"slider-selection-card-price\"},[_vm._v(_vm._s(_vm.info))])]),_c('div',{staticClass:\"slider-selection-card-button\"},[_c('span',[_vm._v(_vm._s(_vm.$t('btn1')))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n<template>\r\n  <div class=\"slider-selection-item\"\r\n    @click=\"btnClick\">\r\n    <div class=\"slider-selection-card change-page\">\r\n      <div class=\"slider-selection-card-img img-lazyload-container\">\r\n        <img\r\n          class=\"img-lazyload\"\r\n          data-lazyload=\"true\"\r\n          :src=\"img\"\r\n          alt=\"Landmannalaugar\"\r\n          title=\"Randonn\"\r\n        >\r\n      </div>\r\n      <div class=\"slider-selection-card-content\">\r\n        <h4 class=\"slider-selection-card-title\">{{ title }}</h4>\r\n        <div\r\n          class=\"slider-selection-card-price\"\r\n        >{{ info }}</div>\r\n      </div>\r\n      <div class=\"slider-selection-card-button\">\r\n        <span>{{$t('btn1')}}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    id: String,\r\n    img: String,\r\n    title: String,\r\n    info: String\r\n  },\r\n\r\n  methods: {\r\n    btnClick () {\r\n      this.$emit('select-product', this.id)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.slider-selection-item {\r\n  cursor: pointer;\r\n  // display: inline-block;\r\n  width: 320px;\r\n  // padding: 0 38px;\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  // position: absolute;\r\n  // left: 0;\r\n  // z-index: 1020;\r\n}\r\n\r\n.slider-selection-card {\r\n  text-decoration: none;\r\n  min-height: 405px;\r\n  font-size: 14px;\r\n  color: #242a3a;\r\n  width: 100%;\r\n  display: block;\r\n  position: relative;\r\n  background-color: #fff;\r\n  overflow: hidden;\r\n  background-color: #242a3a;\r\n  -webkit-box-shadow: -1px 4px 74px -16px rgba(0, 0, 0, 0.15);\r\n  box-shadow: -1px 4px 74px -16px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.slider-selection-card-img {\r\n  width: 100%;\r\n  height: 179px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  overflow: hidden;\r\n  -webkit-backface-visibility: hidden;\r\n  backface-visibility: hidden;\r\n}\r\n\r\n.slider-selection-card-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  opacity: 1;\r\n  -webkit-backface-visibility: hidden;\r\n  backface-visibility: hidden;\r\n  -webkit-transform: scale(1);\r\n  transform: scale(1);\r\n  -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n\r\n.slider-selection-card-content {\r\n  height: 177px;\r\n  background-color: #fff;\r\n  padding: 24px 30px 24px 30px;\r\n  white-space: auto;\r\n}\r\n\r\n.slider-selection-card-title {\r\n  font-size: 24px;\r\n  line-height: 26px;\r\n}\r\n\r\n.slider-selection-card-desc {\r\n  margin-bottom: 10px;\r\n  color: #80c7de;\r\n}\r\n\r\n.slider-selection-card-infos {\r\n  line-height: 20px;\r\n}\r\n\r\n.slider-selection-card-infos-item {\r\n  display: inline-block;\r\n  width: 110px;\r\n}\r\n\r\n.slider-selection-card-infos .icon {\r\n  width: 14px;\r\n  height: 14px;\r\n  fill: #242a3a;\r\n  vertical-align: middle;\r\n  display: inline-block;\r\n  margin-right: 10px;\r\n}\r\n\r\n.slider-selection-card-price {\r\n  border-top: 1px solid #eaeaea;\r\n  padding-top: 18px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.slider-selection-card-price strong {\r\n  color: #96daf0;\r\n  display: block;\r\n  font-size: 36px;\r\n  margin-top: 12px;\r\n}\r\n\r\n.slider-selection-card-nbtravels {\r\n  border-top: 1px solid #eaeaea;\r\n  padding-top: 8px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.slider-selection-card-nbtravels strong {\r\n  color: #96daf0;\r\n  display: block;\r\n  font-size: 20px;\r\n  margin-top: 12px;\r\n}\r\n\r\n.slider-selection-card-button {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  height: 30px;\r\n  background-color: #242a3a;\r\n  color: #fff;\r\n  z-index: 1050;\r\n  overflow: hidden;\r\n  -webkit-transform: translateY(20px);\r\n  transform: translateY(20px);\r\n  -webkit-transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,\r\n    -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,\r\n    -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;\r\n  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,\r\n    -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n\r\n.slider-selection-card-button span {\r\n  display: block;\r\n  position: absolute;\r\n  text-align: center;\r\n  font-size: 12px;\r\n  left: 0;\r\n  width: 100%;\r\n  -webkit-transform: translateY(80px);\r\n  transform: translateY(80px);\r\n  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s,\r\n    -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n}\r\n\r\n.slider-selection-card:hover .slider-selection-card-button {\r\n  background-color: #96daf0;\r\n  -webkit-transform: translateY(0);\r\n  transform: translateY(0);\r\n  -webkit-transition: background 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: background 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    background 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    background 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n\r\n.slider-selection-card:hover .slider-selection-card-button span {\r\n  -webkit-transform: translateY(6px);\r\n  transform: translateY(6px);\r\n  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n  transition: -webkit-transform 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n  transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n  transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0s,\r\n    -webkit-transform 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n}\r\n\r\n.slider-selection-card:hover .slider-selection-card-img img {\r\n  -webkit-transform: scale(1.15);\r\n  transform: scale(1.15);\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!./ProductItem.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!./ProductItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductItem.vue?vue&type=template&id=eece7dc6&scoped=true&\"\nimport script from \"./ProductItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductItem.vue?vue&type=style&index=0&id=eece7dc6&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  \"eece7dc6\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div id=\"products\" class=\"main\">\r\n    <Hero backimg=\"background-image:url(/images/hero-products.jpg)\"\r\n      :title=\"$t('products.banner')\"\r\n      sub=\"Fresh Life Starts From Today\" />\r\n\r\n    <div class=\"color-change\">\r\n      <div class=\"text-center\">\r\n        <div class=\"base-title ft-30\">{{ title }}</div>\r\n        <div class=\"base-sub ff-dr ft-14\">\r\n          {{ sub }}\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"wrap-1500\">\r\n        <div class=\"btn-wrap\">\r\n          <Morebtn :dark=\"true\"\r\n            :text=\"$t('Morebtn2')\"\r\n            @btn-click=\"gotoFatherPage\" />\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"wrap-1500\">\r\n        <div class=\"productlist\">\r\n          <div class=\"productitem\"\r\n            v-for=\"item in items\"\r\n            :key=\"item.ID\">\r\n            <ProductItem\r\n              :id=\"item.ID\"\r\n              :img=\"item.SMALLPIC | imgFilter\"\r\n              :title=\"item.PRONAME\"\r\n              :info=\"item.MS\"\r\n              @select-product=\"gotoProductPage\" />\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"btn-wrap center\" :class=\"{ hasMore }\">\r\n          <Morebtn :dark=\"true\"\r\n            :text=\"$t('Morebtn1')\"\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 Morebtn from '@/components/Morebtn.vue'\r\nimport ProductItem from '@/components/ProductItem.vue'\r\nimport { getProducttypeUrl, getProductsUrl } 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/randonnee-a-landmannalaugar-1271.png',\r\n//     title: '金枪鱼罐头',\r\n//     info: '明星产品,健康绿色,富含DHA、EPA、Omega-3,富含Omega-3、Ca,富含维他命,富含多元不饱和脂肪酸。'\r\n//   },\r\n//   {\r\n//     ID: '1',\r\n//     img: '/images/randonnee-a-landmannalaugar-1271.png',\r\n//     title: '金枪鱼罐头',\r\n//     info: '明星产品,健康绿色,富含DHA、EPA、Omega-3,富含Omega-3、Ca,富含维他命,富含多元不饱和脂肪酸。'\r\n//   },\r\n//   {\r\n//     ID: '2',\r\n//     img: '/images/randonnee-a-landmannalaugar-1271.png',\r\n//     title: '金枪鱼罐头',\r\n//     info: '明星产品,健康绿色,富含DHA、EPA、Omega-3,富含Omega-3、Ca,富含维他命,富含多元不饱和脂肪酸。'\r\n//   },\r\n//   {\r\n//     ID: '3',\r\n//     img: '/images/randonnee-a-landmannalaugar-1271.png',\r\n//     title: '金枪鱼罐头',\r\n//     info: '明星产品,健康绿色,富含DHA、EPA、Omega-3,富含Omega-3、Ca,富含维他命,富含多元不饱和脂肪酸。'\r\n//   },\r\n//   {\r\n//     ID: '4',\r\n//     img: '/images/randonnee-a-landmannalaugar-1271.png',\r\n//     title: '金枪鱼罐头',\r\n//     info: '明星产品,健康绿色,富含DHA、EPA、Omega-3,富含Omega-3、Ca,富含维他命,富含多元不饱和脂肪酸。'\r\n//   },\r\n//   {\r\n//     ID: '5',\r\n//     img: '/images/randonnee-a-landmannalaugar-1271.png',\r\n//     title: '金枪鱼罐头',\r\n//     info: '明星产品,健康绿色,富含DHA、EPA、Omega-3,富含Omega-3、Ca,富含维他命,富含多元不饱和脂肪酸。'\r\n//   },\r\n//   {\r\n//     ID: '6',\r\n//     img: '/images/randonnee-a-landmannalaugar-1271.png',\r\n//     title: '金枪鱼罐头',\r\n//     info: '明星产品,健康绿色,富含DHA、EPA、Omega-3,富含Omega-3、Ca,富含维他命,富含多元不饱和脂肪酸。'\r\n//   },\r\n//   {\r\n//     ID: '7',\r\n//     img: '/images/randonnee-a-landmannalaugar-1271.png',\r\n//     title: '金枪鱼罐头',\r\n//     info: '明星产品,健康绿色,富含DHA、EPA、Omega-3,富含Omega-3、Ca,富含维他命,富含多元不饱和脂肪酸。'\r\n//   },\r\n//   {\r\n//     ID: '8',\r\n//     img: '/images/randonnee-a-landmannalaugar-1271.png',\r\n//     title: '金枪鱼罐头',\r\n//     info: '明星产品,健康绿色,富含DHA、EPA、Omega-3,富含Omega-3、Ca,富含维他命,富含多元不饱和脂肪酸。'\r\n//   },\r\n//   {\r\n//     ID: '9',\r\n//     img: '/images/randonnee-a-landmannalaugar-1271.png',\r\n//     title: '金枪鱼罐头',\r\n//     info: '明星产品,健康绿色,富含DHA、EPA、Omega-3,富含Omega-3、Ca,富含维他命,富含多元不饱和脂肪酸。'\r\n//   }\r\n// ]\r\n\r\nexport default {\r\n  components: {\r\n    Hero,\r\n    Morebtn,\r\n    ProductItem\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      title: '',\r\n      sub: '',\r\n      hasMore: false,\r\n      items: []\r\n    }\r\n  },\r\n\r\n  watch: {\r\n    '$route': 'fetchView'\r\n  },\r\n\r\n  mounted () {\r\n    document.title = `${this.$t('nav.products')}-${this.$t('title')}`\r\n    this.fetchView()\r\n  },\r\n\r\n  // mounted () {\r\n  //   this.fechData()\r\n\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 = 8\r\n  //   this.step = 8\r\n  //   this.hasMore = false\r\n  // },\r\n\r\n  methods: {\r\n    fetchView () {\r\n      this.count = 8\r\n      this.step = 8\r\n      this.hasMore = false\r\n\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.fechData()\r\n    },\r\n\r\n    gotoFatherPage () {\r\n      this.$router.push({ name: 'productgroups' })\r\n    },\r\n\r\n    gotoProductPage (id) {\r\n      const fid = this.$route.params.id\r\n      let routeUrl = this.$router.resolve(`/product/${fid}/${id}`)\r\n      window.open(routeUrl.href, '_blank')\r\n    },\r\n\r\n    fechData () {\r\n      const id = this.$route.params.id\r\n      const url0 = getProducttypeUrl(id)\r\n      axios.get(url0).then(res => {\r\n        // console.log(res)\r\n        if (res && res.data) {\r\n          this.title = res.data.CALLED\r\n          this.sub = res.data.EN\r\n        }\r\n      })\r\n\r\n      const url = getProductsUrl(this.$store.state.lang, id)\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          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      // console.log(this.data.length, this.items.length)\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}\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.text-center {\r\n  text-align: center;\r\n  padding: 100px 30px 30px 30px;\r\n}\r\n.base-title {\r\n  line-height: 60px;\r\n  color: #09192a\r\n}\r\n.base-sub {\r\n  line-height: 32px;\r\n  color: #82a6be;\r\n}\r\n\r\n.wrap-1500 {\r\n  max-width: 1500px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.btn-wrap {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n}\r\n.btn-wrap.center {\r\n  display: none;\r\n  justify-content: center;\r\n}\r\n.hasMore.btn-wrap.center {\r\n  display: flex;\r\n}\r\n\r\n.productlist {\r\n  padding: 30px 0;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n}\r\n.productitem {\r\n  width: 25%;\r\n  padding: 32px 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n@media(max-width: 768px){\r\n  .productitem{\r\n    width: 50%;\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!./Products.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!./Products.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Products.vue?vue&type=template&id=3be1baae&scoped=true&\"\nimport script from \"./Products.vue?vue&type=script&lang=js&\"\nexport * from \"./Products.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Products.vue?vue&type=style&index=0&id=3be1baae&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  \"3be1baae\",\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!./ProductItem.vue?vue&type=style&index=0&id=eece7dc6&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!./ProductItem.vue?vue&type=style&index=0&id=eece7dc6&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!./Products.vue?vue&type=style&index=0&id=3be1baae&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!./Products.vue?vue&type=style&index=0&id=3be1baae&lang=scss&scoped=true&\""],"sourceRoot":""}