From e63a6eb422d6a476e1f4d593d6514aa6916fedc1 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期三, 28 十二月 2022 10:45:06 +0800
Subject: [PATCH] 样式修改
---
src/components/navMenu.vue | 97 ++++++++++++++++++++++++++++--------------------
1 files changed, 56 insertions(+), 41 deletions(-)
diff --git a/src/components/navMenu.vue b/src/components/navMenu.vue
index 641cdd0..3eac16e 100644
--- a/src/components/navMenu.vue
+++ b/src/components/navMenu.vue
@@ -2,13 +2,16 @@
<div class="topMenu">
<div class="logo"></div>
<div class="headerTitle">
- <p class="textp1">绠￠亾鍩虹澶ф暟鎹钩鍙�</p>
- <p class="textp2">Pipeline basic big data platform</p>
+ <!-- <p class="textp1">绠￠亾鍩虹澶ф暟鎹钩鍙�</p>
+ <p class="textp2">Pipeline basic big data platform</p> -->
</div>
<div class="rightWrapper">
<div class="rightMenu">
<ul class="infinite-list menu_ul">
- <li v-for="(item, index) in listMenu" class="infinite-list-item">
+ <li
+ v-for="(item, index) in listMenu"
+ class="infinite-list-item"
+ >
<div @click="setMenuMove(index, item)">
<div
class="menuImage"
@@ -21,7 +24,10 @@
{{ item.cnName }}
</div>
</div>
- <div class="secondMenuDiv" v-show="item.show">
+ <div
+ class="secondMenuDiv"
+ v-show="item.show"
+ >
<div
v-for="res in item.children"
@click="setLiClick(res)"
@@ -34,14 +40,20 @@
</ul>
</div>
<div class="rightUser">
- <div @click="logOut" class="topdiv topUser">
+ <div
+ @click="logOut"
+ class="topdiv topUser"
+ >
<div class="userImage user1"></div>
<div class="userText">
<span>{{ this.$store.state.uname }}</span>
<el-link class="elLink">{{ $t('common.logout') }}</el-link>
</div>
</div>
- <div @click="switchLang" class="topdiv botLingo">
+ <div
+ @click="switchLang"
+ class="topdiv botLingo"
+ >
<div class="userImage user2"></div>
<div class="userText">Language</div>
</div>
@@ -120,7 +132,7 @@
showFlag: null,
};
},
- created() {},
+ created() { },
mounted() {
this.getMenuTree();
},
@@ -151,7 +163,7 @@
}
},
//涓婚鍒囨崲
- setThemeColors() {},
+ setThemeColors() { },
//榧犳爣绉诲叆鑿滃崟浜嬩欢
setMenuMove(index, item) {
var that = this;
@@ -386,51 +398,51 @@
height: 70px;
}
.m1 {
- background: url('../assets/img/menu/menu11.png') no-repeat;
+ background: url("../assets/img/menu/menu11.png") no-repeat;
background-size: 100% 100%;
}
.m2 {
- background: url('../assets/img/menu/menu21.png') no-repeat;
+ background: url("../assets/img/menu/menu21.png") no-repeat;
background-size: 100% 100%;
}
.m3 {
- background: url('../assets/img/menu/menu31.png') no-repeat;
+ background: url("../assets/img/menu/menu31.png") no-repeat;
background-size: 100% 100%;
}
.m4 {
- background: url('../assets/img/menu/menu41.png') no-repeat;
+ background: url("../assets/img/menu/menu41.png") no-repeat;
background-size: 100% 100%;
}
.m5 {
- background: url('../assets/img/menu/menu51.png') no-repeat;
+ background: url("../assets/img/menu/menu51.png") no-repeat;
background-size: 100% 100%;
}
.m6 {
- background: url('../assets/img/menu/menu61.png') no-repeat;
+ background: url("../assets/img/menu/menu61.png") no-repeat;
background-size: 100% 100%;
}
.m11 {
- background: url('../assets/img/menu/menu12.png') no-repeat;
+ background: url("../assets/img/menu/menu12.png") no-repeat;
background-size: 100% 100%;
}
.m21 {
- background: url('../assets/img/menu/menu22.png') no-repeat;
+ background: url("../assets/img/menu/menu22.png") no-repeat;
background-size: 100% 100%;
}
.m31 {
- background: url('../assets/img/menu/menu32.png') no-repeat;
+ background: url("../assets/img/menu/menu32.png") no-repeat;
background-size: 100% 100%;
}
.m41 {
- background: url('../assets/img/menu/menu42.png') no-repeat;
+ background: url("../assets/img/menu/menu42.png") no-repeat;
background-size: 100% 100%;
}
.m51 {
- background: url('../assets/img/menu/menu52.png') no-repeat;
+ background: url("../assets/img/menu/menu52.png") no-repeat;
background-size: 100% 100%;
}
.m61 {
- background: url('../assets/img/menu/menu62.png') no-repeat;
+ background: url("../assets/img/menu/menu62.png") no-repeat;
background-size: 100% 100%;
}
}
@@ -453,11 +465,11 @@
margin-right: 10px;
}
.user1 {
- background: url('../assets/img/user.png') no-repeat;
+ background: url("../assets/img/user.png") no-repeat;
background-size: 100% 100%;
}
.user2 {
- background: url('../assets/img/EN.png') no-repeat;
+ background: url("../assets/img/EN.png") no-repeat;
background-size: 100% 100%;
}
.userText {
@@ -495,25 +507,28 @@
margin-top: 49px;
margin-left: 120px;
position: absolute;
- .textp1 {
- font-size: 36px;
- font-family: Microsoft YaHei;
- font-weight: bold;
- color: #ffffff;
- background: linear-gradient(0deg, #79a8ff 0%, #ffffff 100%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- }
- .textp2 {
- font-size: 9px;
- font-family: Microsoft YaHei;
- font-weight: 300;
- color: #ffffff;
- display: flex;
- background: linear-gradient(0deg, #79a8ff 0%, #ffffff 100%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- }
+ width: 323px;
+ height: 70px;
+ background: url("../assets/img/LOGO.png") no-repeat center;
+ // .textp1 {
+ // font-size: 36px;
+ // font-family: Microsoft YaHei;
+ // font-weight: bold;
+ // color: #ffffff;
+ // background: linear-gradient(0deg, #79a8ff 0%, #ffffff 100%);
+ // -webkit-background-clip: text;
+ // -webkit-text-fill-color: transparent;
+ // }
+ // .textp2 {
+ // font-size: 9px;
+ // font-family: Microsoft YaHei;
+ // font-weight: 300;
+ // color: #ffffff;
+ // display: flex;
+ // background: linear-gradient(0deg, #79a8ff 0%, #ffffff 100%);
+ // -webkit-background-clip: text;
+ // -webkit-text-fill-color: transparent;
+ // }
}
.elLink {
margin-left: 5px;
--
Gitblit v1.9.3