From dad0474e3ee6c2c58fd2338733fa7d0652c82f5b Mon Sep 17 00:00:00 2001 From: 刘嘉威 <daidaibg@163.com> Date: 星期二, 25 十月 2022 09:29:41 +0800 Subject: [PATCH] feat: 增加用户总览 --- src/views/HomeView.vue | 44 ++++++++++++++++++++++++++++++++++++++------ 1 files changed, 38 insertions(+), 6 deletions(-) diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index fe23153..d225de6 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -1,14 +1,46 @@ <script setup lang="ts"> +import { ref } from "vue"; import { RouterView } from "vue-router"; +import ScaleScreen from "@/components/scale-screen"; +import Headers from "./header.vue"; +import Setting from "./setting.vue" +import { useSettingStore } from "@/stores/index"; +import { storeToRefs } from 'pinia'; + +const settingStore = useSettingStore(); +const {isScale} =storeToRefs(settingStore) +const wrapperStyle = {}; </script> <template> - <div> - <RouterView /> - + <scale-screen + width="1920" + height="1080" + :delay="500" + :fullScreen="false" + :boxStyle="{ + background: '#03050C', + overflow: isScale ? 'hidden' : 'auto', + }" + :wrapperStyle="wrapperStyle" + :autoScale="isScale" + > + <div class="content_wrap"> + <Headers /> + <RouterView /> </div> + </scale-screen> + <Setting/> </template> -<style lang="scss" scoped> - -</style> \ No newline at end of file +<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> -- Gitblit v1.8.0