From 95cfbfa9d51fcbb6493a267daccf1cde76bbcf6f Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期一, 23 六月 2025 17:00:23 +0800
Subject: [PATCH] fix:修改配置
---
src/screen/index.vue | 27 +++++++++++++--------------
1 files changed, 13 insertions(+), 14 deletions(-)
diff --git a/src/screen/index.vue b/src/screen/index.vue
index 0a44f93..0226b27 100644
--- a/src/screen/index.vue
+++ b/src/screen/index.vue
@@ -2,7 +2,7 @@
<div class="main">
<div class="header">
<div class="top">
- <div class="title">xxxxxxxxxxxxx大屏</div>
+ <!-- <div class="title">丰都气体检测大屏</div> -->
<div class="time">
<span>{{ nowTime.date }}</span>
<span>{{ nowTime.time }}</span>
@@ -31,10 +31,10 @@
<div class="nav">
<div class="nav-content">
<div class="nav-content-l">
- <div v-for="(item,index) in btnList.slice(0,4)" :key="index" @click="navTo(item)" class="plain" :class="item.url === route.path ? 'active' : ''">{{ item.name }}</div>
+ <div v-for="(item,index) in btnList.slice(0,2)" :key="index" @click="navTo(item)" class="plain" :class="item.url === route.path ? 'active' : ''">{{ item.name }}</div>
</div>
<div class="nav-content-r">
- <div v-for="(item,index) in btnList.slice(4,8)" :key="index" @click="navTo(item)" class="plain" :class="item.url === route.path ? 'active' : ''">{{ item.name }}</div>
+ <div v-for="(item,index) in btnList.slice(2,4)" :key="index" @click="navTo(item)" class="plain" :class="item.url === route.path ? 'active' : ''">{{ item.name }}</div>
</div>
</div>
</div>
@@ -57,7 +57,6 @@
}).then((e) => {
removeToken()
window.location.reload();
-
}).catch(() => { });
}
@@ -67,6 +66,8 @@
const btnList = ref([
{name:'首页总览',url:'/screen/home'},
+ {name:'设备管理',url:'/screen/device'},
+ {name:'报表管理',url:''},
{name:'系统监管',url:'/user'},
])
@@ -107,18 +108,18 @@
<style lang="scss" scoped>
.main{
- background:rgba(8,28,65,1);
- //background-image:url("../assets/images/screen/bcg.png");
- background-size: 100% 100%;
width: 100%;
height: 100%;
+ min-height: 1080px;
+ position: relative;
.header{
width: 100%;
height: 10%;
.top{
position: relative;
+ z-index: 100;
width: 100%;
- height: 6.5rem;
+ height: 5.5rem;
background-image: url("../assets/images/screen/head.png");
background-size: 100% 100%;
background-repeat: no-repeat;
@@ -214,9 +215,9 @@
}
.nav{
position: relative;
- z-index: 100;
- margin-top: -4.5rem;
- width: 100%;
+ z-index: 110;
+ width: 80%;
+ margin: -4.5rem auto;
display: flex;
justify-content: space-between;
align-items: center;
@@ -237,6 +238,7 @@
&-r{
width: 35%;
display: flex;
+ justify-content: flex-end;
}
.plain{
width: 10rem;
@@ -254,9 +256,6 @@
.content{
width: 100%;
height: 90%;
- background: url("../assets/images/screen/content_bg.png") no-repeat;
- background-size: 100% 100%;
- padding: 0 1.5rem 1.5rem;
}
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3