管道基础大数据平台系统开发-【前端】-新系統界面
584911253@qq.com
2023-03-22 208f09ade28eeb3a2111f5f198c2e1ef84ec8069
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;
}
}
/*.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;*/
/*}*/