From 594927f5964ecc85dc942e32eb03a9bca551f865 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 28 二月 2024 15:54:28 +0800
Subject: [PATCH] feat:安全隐患情况和交通宣传模块渲染
---
src/views/HomeView.vue | 25 ++++++++++++++++++-------
1 files changed, 18 insertions(+), 7 deletions(-)
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 6661759..2b7eb63 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,35 +1,46 @@
<script setup lang="ts">
-import {ref} from "vue"
+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 = {};
-const autoScale = ref(false)
</script>
<template>
<scale-screen
- width="1920"
+ width="3840"
height="1080"
:delay="500"
:fullScreen="false"
- :boxStyle="{ background: '#03050C',overflow:autoScale?'hidden':'auto' }"
+ :boxStyle="{
+ background: '#03050C',
+ overflow: isScale ? 'hidden' : 'auto',
+ }"
:wrapperStyle="wrapperStyle"
- :autoScale="autoScale"
+ :autoScale="isScale"
>
<div class="content_wrap">
<Headers />
<RouterView />
+ <MessageContent />
</div>
</scale-screen>
+ <Setting />
</template>
<style lang="scss" scoped>
.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;
}
--
Gitblit v1.8.0