From 198b83ce825fbbf912cb26d592e3c7b0b586ca92 Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期一, 20 二月 2023 17:38:22 +0800
Subject: [PATCH] 数据管理页面格式
---
src/components/Screen/top.vue | 58 ++++++++++++++++++++++++++++++++--------------------------
1 files changed, 32 insertions(+), 26 deletions(-)
diff --git a/src/components/Screen/top.vue b/src/components/Screen/top.vue
index aa97331..bb6f7c9 100644
--- a/src/components/Screen/top.vue
+++ b/src/components/Screen/top.vue
@@ -2,15 +2,17 @@
<div class="top">
<div class="topleft">
<div
- class="topleft1 topleftC" @click="OpenInitChart"
- :class="{ topleft1: screen == false, topleftC: screen == true }"
+ class="topleft1"
+ :class="currView == 'chart' ? 'active' : ''"
+ @click="OpenInitChart"
>
<img src="../../assets/img/Screen/bigST.png" />
<span>澶у睆瑙嗗浘</span>
</div>
<div
- class="topleft1 topleftC" @click="OpenProjectree"
- :class="{ topleft1: tree == false, topleftC: tree == true }"
+ class="topleft1"
+ @click="OpenProjectree"
+ :class="currView == 'tree' ? 'active' : ''"
>
<img src="../../assets/img/Screen/ptree.png" />
<span>宸ョ▼椤圭洰</span>
@@ -33,6 +35,7 @@
return {
tree: false,
screen: false,
+ currView: "chart",
}
},
mounted() {},
@@ -42,17 +45,20 @@
},
//鎵撳紑澶у睆
- OpenInitChart(){
- this.$parent.$refs.mapleft.OpenLeftInit();
+ OpenInitChart() {
+ this.currView = "chart"
+ this.screen = true
+ this.$parent.$refs.mapleft.OpenLeftInit()
},
//鎵撳紑宸ョ▼鏍�
- OpenProjectree(){
- this.$parent.$refs.mapleft.OpenLeftProjectTree();
- }
+ OpenProjectree() {
+ this.screen = false
+ this.currView = "tree"
-
+ this.$parent.$refs.mapleft.OpenLeftProjectTree()
+ },
},
}
</script>
@@ -74,22 +80,20 @@
justify-content: space-around;
cursor: pointer;
.topleft1 {
- width: 131px;
- height: 40px;
- background-image: url(../../assets/img/Screen/btnc.png);
- background-repeat: no-repeat;
- background-size: 100% 100%;
- display: flex;
- align-items: center;
- }
- .topleftC {
- width: 131px;
- height: 40px;
+ width: 127px;
+ height: 36px;
+ // border: 1px solid #30acff;
+ border-radius: 4px;
background-image: url(../../assets/img/Screen/btnbg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
+ }
+ .active {
+ background-image: url(../../assets/img/Screen/btnc.png);
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
}
img {
height: 26px;
@@ -105,12 +109,14 @@
.topCenter {
width: 60%;
height: 100%;
- font-size: 2rem;
- text-align: center;
- font-weight: 600;
+ font-size: 36px;
+ font-family: PangMenZhengDao, PangMenZhengDao-Regular;
+ // font-weight: bold;
font-style: italic;
- letter-spacing: 5px;
- color: #e3eafd;
+ text-align: center;
+ color: #e1eaff;
+ letter-spacing: 6.55px;
+ text-shadow: -14px 0px 25.25px 0.26px rgba(0, 120, 255, 0.19);
div {
margin-top: 5px;
}
--
Gitblit v1.9.3