{"version":3,"sources":["webpack:///./src/assets/images/title_bg.png","webpack:///./src/assets/images/dropdown.png","webpack:///./src/assets/images/title.png","webpack:///./src/assets/images/title_en.png","webpack:///./src/views/home/index.vue?8a5b","webpack:///./src/assets/images/title2_en.png","webpack:///./src/views/home/index.vue?cd57","webpack:///src/views/home/index.vue","webpack:///./src/views/home/index.vue?3720","webpack:///./src/views/home/index.vue","webpack:///./src/assets/images/theme.png","webpack:///./src/assets/images/title_bg2.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","style","width","wScale","height","hScale","top","left","transform","_m","bottom","on","handleEnter","_v","_s","$t","attrs","staticRenderFns","name","components","data","visible","watch","$route","to","path","from","window","location","reload","created","$nextTick","mounted","addEventListener","handleResize","methods","lang","$router","push","innerWidth","innerHeight","component"],"mappings":"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","file":"js/home.1697170575961.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/title_bg.32832904.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAM1BMVEUAAAAhHh8gHR0hHh8ZChkgHCAgHR8hHR8hHh8gGx4hHh8hHR8hHR8gHR0eHh4gECAiHh9imDMbAAAAEHRSTlMA90fnBjcxsZtDz79zTysQEISkNAAAAM5JREFUaN7t0zkKw0AQRNHZtHnt+5/WoQwV9QjKGP5Pu0YvUiEiIiIiIiIiIiKi/+u13/e1pFu22/a84rYaEbVNPYvHvDt6xCkn3ajvaXiNOOWsG9Gm4SVETrgX4NFFTrh9lOmOmpVb+sX17+jeI+vaI+vWI+vSI+vOI+vKI+vGI+vCI+vdI+vVI+vNJOvFIBtcEVyuGi5XFZerjstV2eWqbHJVNrkqG1yRPa7KPldlv+v9f1V2uSqbXJV7RD/KDxrrMgoREREREREREdFXH44RH3jDkq1yAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"img/title.04d0a285.png\";","module.exports = __webpack_public_path__ + \"img/title_en.1e3b0c54.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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/dist/cjs.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!./index.vue?vue&type=style&index=0&id=6a3b454a&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/title2_en.adfadc9b.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('NavBar'),_c('div',{staticClass:\"introduction-fixed\",style:({ width: ((_vm.wScale * 1448) + \"px\"), height: ((_vm.hScale * 628) + \"px\"), top: ((_vm.hScale * 180) + \"px\"), left: ((_vm.wScale * 250) + \"px\") })},[_c('div',{staticClass:\"introduction\",style:({ transform: (\"scale(\" + (_vm.wScale < 1 ? _vm.wScale: _vm.hScale) + \")\") })},[_vm._m(0),_vm._m(1),_vm._m(2)])]),_c('div',{staticClass:\"enter-btn\",style:({ bottom: ((_vm.hScale * 60) + \"px\") }),on:{\"click\":_vm.handleEnter}},[_c('div',{staticClass:\"btn-box animate-bounce flex-center\"},[_c('span',[_vm._v(_vm._s(_vm.$t('home.enter_btn')))]),_c('img',{attrs:{\"src\":require(\"@/assets/images/dropdown.png\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"figure\",style:({ width: ((_vm.wScale * 805) + \"px\"), height: ((_vm.hScale * 768) + \"px\") })}),_c('div',{staticClass:\"bg-top-right\",style:({ width: ((_vm.wScale * 761) + \"px\"), height: ((_vm.hScale * 760) + \"px\") })}),_c('div',{staticClass:\"bg-bottom-left\",style:({ width: ((_vm.wScale * 709) + \"px\"), height: ((_vm.hScale * 709) + \"px\") })})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"fadein text-box flex-center\"},[_c('img',{staticClass:\"title\",attrs:{\"src\":require(\"@/assets/images/title.png\")}}),_c('img',{staticClass:\"theme\",attrs:{\"src\":require(\"@/assets/images/theme.png\")}}),_c('img',{staticClass:\"en\",attrs:{\"src\":require(\"@/assets/images/title_en.png\")}}),_c('img',{staticClass:\"en2\",attrs:{\"src\":require(\"@/assets/images/title2_en.png\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bg-left\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/title_bg.png\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bg-right\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/title_bg2.png\")}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container\">\r\n    <NavBar></NavBar>\r\n    <div class=\"introduction-fixed\" :style=\"{ width: `${wScale * 1448}px`, height: `${hScale * 628}px`, top: `${hScale * 180}px`, left: `${wScale * 250}px` }\">\r\n      <div class=\"introduction\" :style=\"{ transform: `scale(${ wScale < 1 ? wScale: hScale})` }\">\r\n        <div class=\"fadein text-box flex-center\">\r\n          <img class=\"title\" src=\"@/assets/images/title.png\">\r\n          <img class=\"theme\" src=\"@/assets/images/theme.png\">\r\n          <img class=\"en\" src=\"@/assets/images/title_en.png\">\r\n          <img class=\"en2\" src=\"@/assets/images/title2_en.png\"> \r\n        </div>\r\n        <div class=\"bg-left\">\r\n          <img src=\"@/assets/images/title_bg.png\">\r\n        </div>\r\n        <div class=\"bg-right\">\r\n          <img src=\"@/assets/images/title_bg2.png\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"enter-btn\" @click=\"handleEnter\" :style=\"{ bottom: `${hScale * 60}px` }\">\r\n      <div class=\"btn-box animate-bounce flex-center\">\r\n        <span>{{ $t('home.enter_btn') }}</span>\r\n        <img src=\"@/assets/images/dropdown.png\" alt=\"\">\r\n      </div>\r\n    </div>\r\n    <div class=\"figure\" :style=\"{ width: `${wScale * 805}px`, height: `${hScale * 768}px` }\"></div>\r\n    <div class=\"bg-top-right\" :style=\"{ width: `${wScale * 761}px`, height: `${hScale * 760}px` }\"></div>\r\n    <div class=\"bg-bottom-left\" :style=\"{ width: `${wScale * 709}px`, height: `${hScale * 709}px` }\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { Image as VanImage } from 'vant'\r\nimport NavBar from '@/components/NavBar'\r\nexport default {\r\n  name: 'Home',\r\n  components: {\r\n    [VanImage.name]: VanImage,\r\n    NavBar\r\n  },\r\n  data() {\r\n    return {\r\n      visible: false,\r\n      wScale: 1,\r\n      hScale: 1\r\n    }\r\n  },\r\n  watch: {\r\n    $route(to, from) {\r\n      if (to.path !== from.path) {\r\n        window.location.reload()\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    this.$nextTick(() => {\r\n      this.visible = true\r\n    }, 500)\r\n  },\r\n  mounted() {\r\n    window.addEventListener('resize', () => {\r\n      this.handleResize()\r\n    })\r\n    this.handleResize()\r\n  },\r\n  methods: {\r\n    handleEnter() {\r\n      const lang = localStorage.getItem('locale')\r\n      if (lang === 'zh-hk') {\r\n        this.$router.push(`/column/1`)\r\n        return\r\n      }\r\n      this.$router.push(`/${lang}/column/1`)\r\n    },\r\n    handleResize() {\r\n      this.wScale = window.innerWidth / 1920\r\n      this.hScale = window.innerHeight / 1080\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.container {\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  min-height: 100vh;\r\n  background: url('../../assets/images/bg.png') no-repeat center center;\r\n  background-size: cover;\r\n}\r\n.figure {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 99;\r\n  width: 805px;\r\n  height: 768px;\r\n  background: url('../../assets/images/figure.png') no-repeat right bottom;\r\n  background-size: contain;\r\n}\r\n.bg-top-right {\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n  z-index: 0;\r\n  width: 761px;\r\n  height: 760px;\r\n  background: url('../../assets/images/bg_top_right.png') no-repeat right top;\r\n  background-size: contain;\r\n}\r\n.bg-bottom-left {\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  z-index: 0;\r\n  width: 709px;\r\n  height: 709px;\r\n  background: url('../../assets/images/bg_bottom_left.png') no-repeat center bottom;\r\n  background-size: contain;\r\n}\r\n.introduction-fixed {\r\n  position: absolute;\r\n  top: 180px;\r\n  left: 250px;\r\n  width: 1448px;\r\n  height: 628px;\r\n}\r\n.introduction {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 1448px;\r\n  height: 628px;\r\n  transform-origin: left top;\r\n  .bg-left {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 901px;\r\n    height: 553px;\r\n    z-index: 99;\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n  .bg-right {\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 1036px;\r\n    height: 526px;\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n  .text-box {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 999;\r\n    flex-direction: column;\r\n    width: 901px;\r\n    height: 553px;\r\n  }\r\n  .title {\r\n    width: 808px;\r\n    height: 54px;\r\n    margin-bottom: 37px;\r\n  }\r\n  .theme {\r\n    width: 822px;\r\n    height: 217px;\r\n    margin-bottom: 16px;\r\n  }\r\n  .en {\r\n    width: 819px;\r\n    height: 44px;\r\n    margin-bottom: 14px;\r\n  }\r\n  .en2 {\r\n    width: 813px;\r\n    height: 56px;\r\n  }\r\n  .fadein {\r\n    animation-name: fadeIn;\r\n    -webkit-animation-name: fadeIn;\t\r\n\r\n    animation-duration: 1s;\t\r\n    -webkit-animation-duration: 1s;\r\n\r\n    animation-timing-function: ease-in-out;\t\r\n    -webkit-animation-timing-function: ease-in-out;\t\t\r\n\r\n    visibility: visible !important;\t\r\n  }\r\n  @keyframes fadeIn {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateY(100px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n}\r\n\r\n.enter-btn {\r\n  position: absolute;\r\n  bottom: 60px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 100%;\r\n  .btn-box {\r\n    flex-direction: column;\r\n    span {\r\n      font-size: 36px;\r\n      color: #221E1F;\r\n      line-height: 1;\r\n    }\r\n    img {\r\n      width: 60px;\r\n      height: 60px;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=6a3b454a&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=6a3b454a&scoped=true&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  \"6a3b454a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/theme.9140e571.png\";","module.exports = __webpack_public_path__ + \"img/title_bg2.04501471.png\";"],"sourceRoot":""}