From e1c28921470ca2a82403ef5a7bc07f1c48619b36 Mon Sep 17 00:00:00 2001 From: 刘嘉威 <daidaibg@163.com> Date: 星期三, 26 十月 2022 16:51:43 +0800 Subject: [PATCH] feat: 增加右上 右中图表 --- src/views/HomeView.vue | 16 +++++++++++++++- 1 files changed, 15 insertions(+), 1 deletions(-) diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 1de65e4..dd0535d 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -1,7 +1,15 @@ <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"; +import MessageContent from "@/components/Plugins/MessageContent"; + +const settingStore = useSettingStore(); +const { isScale } = storeToRefs(settingStore); const wrapperStyle = {}; </script> @@ -11,14 +19,20 @@ height="1080" :delay="500" :fullScreen="false" - :boxStyle="{ background: '#03050C' }" + :boxStyle="{ + background: '#03050C', + overflow: isScale ? 'hidden' : 'auto', + }" :wrapperStyle="wrapperStyle" + :autoScale="isScale" > <div class="content_wrap"> <Headers /> <RouterView /> + <MessageContent /> </div> </scale-screen> + <Setting /> </template> <style lang="scss" scoped> .content_wrap { -- Gitblit v1.8.0