From 25faf475cea0b5a50393989aa4e8b7e0b1da8d77 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期三, 28 二月 2024 17:20:27 +0800
Subject: [PATCH] 大屏左侧
---
src/views/HomeView.vue | 31 +++++++++++++++++++++----------
1 files changed, 21 insertions(+), 10 deletions(-)
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 35e6317..a75089f 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -3,20 +3,19 @@
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";
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"
@@ -30,20 +29,32 @@
<div class="content_wrap">
<Headers />
<RouterView />
- <MessageContent/>
+ <MessageContent />
+ <div class="d-bottom">
+ </div>
</div>
</scale-screen>
- <Setting/>
+ <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;
}
+.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