From 19fe2c123c31b18566f36a2773b0f2ea0901df63 Mon Sep 17 00:00:00 2001 From: 刘嘉威 <daidaibg@163.com> Date: 星期二, 25 十月 2022 15:24:58 +0800 Subject: [PATCH] feat: 增加中间地图 --- src/views/HomeView.vue | 18 +++++++++++++++++- 1 files changed, 17 insertions(+), 1 deletions(-) diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 1372464..35e6317 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -1,8 +1,17 @@ <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> <template> @@ -11,14 +20,21 @@ height="1080" :delay="500" :fullScreen="false" - :boxStyle="{ background: '#000' }" + :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