From 721f6ec69e796fd5c9807eaf68ec25df2bcf4e66 Mon Sep 17 00:00:00 2001 From: odc.xiaohui <xiaohui@Q1> Date: 星期四, 29 二月 2024 11:53:25 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/views/HomeView.vue | 46 ++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 42 insertions(+), 4 deletions(-) diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 1372464..6a2049e 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -1,33 +1,71 @@ <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"; +import Chartgd from "@/views/daoAnOffice/chartgd.vue"; + +const settingStore = useSettingStore(); +const { isScale } = storeToRefs(settingStore); const wrapperStyle = {}; +const dtFig=ref(0) +const handlechan=()=>{ + +} </script> <template> <scale-screen - width="1920" + width="3840" height="1080" :delay="500" :fullScreen="false" - :boxStyle="{ background: '#000' }" + :boxStyle="{ + background: '#03050C', + overflow: isScale ? 'hidden' : 'auto', + }" :wrapperStyle="wrapperStyle" + :autoScale="isScale" > <div class="content_wrap"> + <chartgd @changeDt="handlechan" v-if="dtFig ==0" class="gddt"></chartgd> <Headers /> <RouterView /> + <MessageContent /> + <div class="d-bottom"> + </div> </div> </scale-screen> + <Setting /> </template> <style lang="scss" scoped> +.gddt{ + position: absolute; + z-index: 0; + width: 3840px; + height: 1080px; +} .content_wrap { width: 100%; height: 100%; - padding: 16px 16px 16px 16px; + //padding: 16px 16px 16px 16px; box-sizing: border-box; - background-image: url("@/assets/img/pageBg.png"); + background-image: url("@/assets/img/pageBg1.png"); background-size: cover; background-position: center center; } +.d-bottom{ + position: relative; + //width: 120px; + bottom: 140px; + height: 80px; + background-image: url("@/assets/img/bottombg.png"); + background-size: cover; + background-position: center center; + margin-bottom: 4px; +} </style> -- Gitblit v1.8.0