<!--
 * @Author: 纪泽龙 jizelong@qq.com
 * @Date: 2026-01-05 10:39:41
 * @LastEditors: 纪泽龙 jizelong@qq.com
 * @LastEditTime: 2026-03-12 17:32:04
 * @FilePath: /huaxindd-web/src/views/Index/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div
    class="index"
    :style="{
      transform: `scale(${scaleX},${scaleX})`,
      top: `-${((1 - scaleX) * innerHeight) / 2}px`,
    }"
  >
    <!-- <div class="back" @click="back">跳转后台</div> -->

    <component :is="currentTabComponent"></component>

  </div>
</template>

<script>

import Ind from "./Ind.vue";

export default {
  name: "",
  components: {


  },
  data() {
    return {
      scaleX: 1,
      innerWidth: 0,
      innerHeight: 0,
      currentTabComponent: Ind,
    };
  },
  created() {
    this.innerWidth = window.innerWidth;
    this.innerHeight = window.innerHeight;
    // this.scaleX = window.innerWidth / 2880;
    this.scaleX = window.innerWidth / 1920;
  },
  methods: {
    back() {
      // this.$router.push("/checktask/jmchacktask");
    },
  },
};
</script>
<style lang="scss" scoped>
.index {
  // width:2880px;
  width: 1920px;
  height: 100vh;

  background: black;
  position: relative;
  left: 50%;
  top: 0px;
  // margin-left: -1440px;
  margin-left: -960px;
  overflow: hidden;
  // .back {
  //   position: absolute;
  //   border: 1px solid rgba(0, 124, 225, 1);
  //   border-radius: 5px;
  //   cursor: pointer;
  //   padding: 5px 10px;
  //   color: #fff;
  //   font-size: 16px;
  //   right: 436px;
  //   top: 113px;
  //   &:hover {
  //     background: rgba(0, 124, 225, 0.4);
  //   }
  // }
}
</style>
