From e63a6eb422d6a476e1f4d593d6514aa6916fedc1 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期三, 28 十二月 2022 10:45:06 +0800
Subject: [PATCH] 样式修改
---
public/LfSKyline/imgs/LOGO.png | 0
src/views/Synthesis/index.vue | 2
public/LfSKyline/css/index.css | 12 +++++
src/assets/img/synthesis/场景打开1.png | 0
src/assets/img/LOGO.png | 0
src/components/navMenu.vue | 97 ++++++++++++++++++++++++++++--------------------
public/LfSKyline/index.html | 5 +-
7 files changed, 70 insertions(+), 46 deletions(-)
diff --git a/public/LfSKyline/css/index.css b/public/LfSKyline/css/index.css
index 189ba63..4f73d2f 100644
--- a/public/LfSKyline/css/index.css
+++ b/public/LfSKyline/css/index.css
@@ -114,4 +114,14 @@
box-sizing: border-box;
max-height: 870px;
overflow: auto;
-}
\ No newline at end of file
+}
+.Logo{
+ width: 323px;
+ height: 100%;
+
+
+}
+.logoImg{
+ width:100%;
+ height: 100%
+}
diff --git a/public/LfSKyline/imgs/LOGO.png b/public/LfSKyline/imgs/LOGO.png
new file mode 100644
index 0000000..e61cdeb
--- /dev/null
+++ b/public/LfSKyline/imgs/LOGO.png
Binary files differ
diff --git a/public/LfSKyline/index.html b/public/LfSKyline/index.html
index c55685e..ef64e78 100644
--- a/public/LfSKyline/index.html
+++ b/public/LfSKyline/index.html
@@ -29,9 +29,8 @@
<div class="mapView">
<div class="top">
<div class="top_left">
- <div>
- <p class="textp1">绠￠亾鍩虹澶ф暟鎹钩鍙�</p>
- <p class="textp2">Pipeline basic big data platform</p>
+ <div class="Logo">
+ <img class="logoImg" src="imgs/LOGO.png" alt="" />
</div>
</div>
<div class="top_right">
diff --git a/src/assets/img/LOGO.png b/src/assets/img/LOGO.png
new file mode 100644
index 0000000..e61cdeb
--- /dev/null
+++ b/src/assets/img/LOGO.png
Binary files differ
diff --git "a/src/assets/img/synthesis/\345\234\272\346\231\257\346\211\223\345\274\2001.png" "b/src/assets/img/synthesis/\345\234\272\346\231\257\346\211\223\345\274\2001.png"
new file mode 100644
index 0000000..248e30c
--- /dev/null
+++ "b/src/assets/img/synthesis/\345\234\272\346\231\257\346\211\223\345\274\2001.png"
Binary files differ
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;
diff --git a/src/views/Synthesis/index.vue b/src/views/Synthesis/index.vue
index 0f103c5..c47b458 100644
--- a/src/views/Synthesis/index.vue
+++ b/src/views/Synthesis/index.vue
@@ -248,7 +248,7 @@
no-repeat center;
}
.menu_img10{
- background: url('../../assets/img/synthesis/鍦烘櫙鎵撳紑.png')
+ background: url('../../assets/img/synthesis/鍦烘櫙鎵撳紑1.png')
no-repeat center;
}
}
--
Gitblit v1.9.3