From 3f2b5f1dd9c642bb9c1812dce3e90b030584f45b Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期一, 04 三月 2024 15:10:59 +0800 Subject: [PATCH] fix:修改路径问题 --- src/views/HomeView.vue | 51 ++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 40 insertions(+), 11 deletions(-) diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 35e6317..82ad977 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -1,22 +1,29 @@ -<script setup lang="ts"> +<script setup> 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 Setting from "./setting.vue"; import { useSettingStore } from "@/stores/index"; -import { storeToRefs } from 'pinia'; -import MessageContent from '@/components/Plugins/MessageContent' +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 { isScale } = storeToRefs(settingStore); const wrapperStyle = {}; </script> <template> <scale-screen - width="1920" + width="3840" height="1080" :delay="500" :fullScreen="false" @@ -28,22 +35,44 @@ :autoScale="isScale" > <div class="content_wrap"> + <!-- <chartgd class="gddt" v-show="!mapState"></chartgd> --> + <Map v-if="!mapState"></Map> <Headers /> <RouterView /> - <MessageContent/> - + <MessageContent /> + <div class="d-bottom"> + </div> </div> </scale-screen> - <Setting/> + <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: absolute; + //width: 120px; + width: 1920px; + height: 41px; + left: 50%; + transform: translateX(-50%); + bottom: 0; + background-image: url("@/assets/img/bottombg.png"); + background-size: contain; + background-position: center center; + margin-bottom: 4px; +} </style> -- Gitblit v1.8.0