From f69cdab99ad6fccbc3a5e5c131ad73c4754e527d Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期三, 28 二月 2024 17:22:12 +0800 Subject: [PATCH] Merge branch 'master' of http://42.193.1.25:9521/r/~xiaohui/daoAnOffice --- src/views/HomeView.vue | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 51 insertions(+), 5 deletions(-) diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index fe23153..a75089f 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -1,14 +1,60 @@ <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> - <div> - <RouterView /> + <scale-screen + width="3840" + height="1080" + :delay="500" + :fullScreen="false" + :boxStyle="{ + background: '#03050C', + overflow: isScale ? 'hidden' : 'auto', + }" + :wrapperStyle="wrapperStyle" + :autoScale="isScale" + > + <div class="content_wrap"> + <Headers /> + <RouterView /> + <MessageContent /> + <div class="d-bottom"> + </div> </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/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