From 208f09ade28eeb3a2111f5f198c2e1ef84ec8069 Mon Sep 17 00:00:00 2001
From: 584911253@qq.com <584911253@qq.com>
Date: 星期三, 22 三月 2023 19:37:38 +0800
Subject: [PATCH] 页面修改
---
src/assets/css/index.css | 52 ++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 40 insertions(+), 12 deletions(-)
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 11697f2..8c72cc0 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -25,7 +25,10 @@
.NavBox {
width: 100%;
height: 100%;
- background-image: linear-gradient(rgb(34, 33, 33), rgb(27, 31, 78));
+ background-image: url("../../assets/img/menu/navbg.jpg");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ /*background-image: linear-gradient(rgb(34, 33, 33), rgb(27, 31, 78));*/
}
.topBox {
@@ -42,7 +45,7 @@
background: url("../img/LOGO.png") no-repeat center; */
width: 240px;
height: 50px;
- background: url("../img/LOGO.png") no-repeat center center;
+ background: url("../img/menu/navtitle.png") no-repeat center center;
background-size: 100% 100%;
}
@@ -57,6 +60,7 @@
height: 100%;
display: flex;
align-items: center;
+ justify-content: center;
}
.contentDiv {
@@ -64,7 +68,8 @@
}
.ImgMenu {
- width: 100%;
+ /*width: 100%;*/
+ width: 40px;
height: auto;
display: flex;
justify-content: center;
@@ -78,9 +83,10 @@
.menulabel {
font-size: 10px;
font-family: Source Han Sans CN;
-
- text-align: center;
- width: 120px;
+ text-align: left;
+ padding: 0 20px;
+ /*width: 100px;*/
+ /*width: 120px;*/
color: #fff
}
@@ -161,18 +167,21 @@
.topUser {
color: white;
height: 70px;
+ display: flex;
+ align-items: center;
}
.userName {
- margin: 10px 10px;
+ margin: 0px 10px 0 5px;
+ /*margin-right: 10px;*/
display: flex;
justify-content: space-between;
height: 30px;
}
.userLanguage {
- margin: 0px 10px;
- margin-top: 10px;
+ /*margin: 0px 10px;*/
+ /*margin-top: 10px;*/
display: flex;
height: 30px;
}
@@ -185,13 +194,21 @@
}
.user1 {
- background: url("../img/user.png") no-repeat;
+ /*background: url("../img/user.png") no-repeat;*/
+ background: url("../img/menu/user.png") no-repeat;
background-size: 100% 100%;
}
.user2 {
- background: url("../img/EN.png") no-repeat;
+ /*background: url("../img/EN.png") no-repeat;*/
+ background: url("../img/menu/en.png") no-repeat;
background-size: 100% 100%;
+ cursor: pointer;
+}
+.theme {
+ background: url("../img/menu/theme.png") no-repeat;
+ background-size: 100% 100%;
+ cursor: pointer;
}
.userText {
@@ -275,4 +292,15 @@
.ol-scale-line {
display: block !important;
-}
\ No newline at end of file
+}
+
+/*.mapTerrain {*/
+/* position: absolute;*/
+/* right: 30px;*/
+/* bottom: 100px;*/
+/* width: 30px;*/
+/* height: 28px;*/
+/* background-image: url("../../assets/img/synthesis/鍦板舰.png");*/
+/* background-repeat: no-repeat;*/
+/* background-size: contain;*/
+/*}*/
--
Gitblit v1.9.3