feat: 增加左上角图表 优化整体框架

刘嘉威

2022-10-21 959032b71f4b4fd5e3435fcf1405f1ccaa7f8423

 src/views/HomeView.vue

@@ -1,14 +1,39 @@
<script setup lang="ts">
import { ref } from "vue";
import { RouterView } from "vue-router";

import ScaleScreen from "@/components/scale-screen";
import Headers from "./header.vue";
const wrapperStyle = {};
const autoScale = ref(false);
</script>

<template>
    <div>
    <RouterView />

  <scale-screen
    width="1920"
    height="1080"
    :delay="500"
    :fullScreen="false"
    :boxStyle="{
      background: '#03050C',
      overflow: autoScale ? 'hidden' : 'auto',
    }"
    :wrapperStyle="wrapperStyle"
    :autoScale="autoScale"
  >
    <div class="content_wrap">
      <Headers />
      <RouterView />
    </div>
  </scale-screen>
</template>
<style  lang="scss" scoped>

</style>
<style lang="scss" scoped>
.content_wrap {
  width: 100%;
  height: 100%;
  padding: 16px 16px 16px 16px;
  box-sizing: border-box;
  background-image: url("@/assets/img/pageBg.png");
  background-size: cover;
  background-position: center center;
}
</style>