From 6c757d5dab619fd759854778978270f0eecaec93 Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期二, 05 三月 2024 17:33:57 +0800 Subject: [PATCH] fix:修改文字位置 --- src/views/HomeView.vue | 31 +++++++++++++++++++++++++------ 1 files changed, 25 insertions(+), 6 deletions(-) diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index a75089f..c7898b8 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -1,4 +1,4 @@ -<script setup lang="ts"> +<script setup> import { ref } from "vue"; import { RouterView } from "vue-router"; import ScaleScreen from "@/components/scale-screen"; @@ -8,9 +8,17 @@ import { storeToRefs } from "pinia"; import MessageContent from "@/components/Plugins/MessageContent"; +import {mapState} from '@/stores/map.js'; + +// import Chartgd from "@/views/daoAnOffice/chartgd.vue"; + +// 涓績鍦板浘 +import Map from './daoAnOffice/center/map.vue'; + const settingStore = useSettingStore(); const { isScale } = storeToRefs(settingStore); const wrapperStyle = {}; + </script> <template> @@ -27,17 +35,24 @@ :autoScale="isScale" > <div class="content_wrap"> + <!-- <chartgd class="gddt" v-show="!mapState"></chartgd> --> + <Map v-if="!mapState"></Map> <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%; @@ -48,13 +63,17 @@ background-position: center center; } .d-bottom{ - position: relative; + position: absolute; //width: 120px; - bottom: 140px; - height: 80px; + width: 1920px; + height: 41px; + left: 50%; + transform: translateX(-50%); + bottom: 0; background-image: url("@/assets/img/bottombg.png"); - background-size: cover; + background-size: contain; background-position: center center; margin-bottom: 4px; + } </style> -- Gitblit v1.8.0