From 4e3d77dcbe421a4d6611ebcdd1ac3165cb36ad4b Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期一, 06 二月 2023 14:59:33 +0800
Subject: [PATCH] 系统界面翻新，回车登录，综合展示菜单重复
---
src/components/navMenu.vue | 210 +---------------------------------------------------
1 files changed, 5 insertions(+), 205 deletions(-)
diff --git a/src/components/navMenu.vue b/src/components/navMenu.vue
index 458c344..1c83a75 100644
--- a/src/components/navMenu.vue
+++ b/src/components/navMenu.vue
@@ -24,7 +24,7 @@
</div>
</div>
<div
- class="secondMenuDiv"
+ class="secondMenuDiv subpage_Div"
v-show="index == showFlag ? true :false"
>
<div
@@ -128,9 +128,13 @@
const data = await getPerms();
this.$store.state.permsEntity = data.result;
}
+
this.$store.state.uname = JSON.parse(
localStorage.getItem('LFToken')
).uname;
+ this.$store.state.unid = JSON.parse(
+ localStorage.getItem('LFToken')
+ ).userid;
this.$router.push('/');
},
getTimeCookies() {
@@ -353,209 +357,5 @@
};
</script>
<style lang="less" scoped>
-//@import url(); 寮曞叆鍏叡css绫�
-.NavBox {
- width: 100%;
- height: 100%;
- background-image: linear-gradient(rgb(34, 33, 33), rgb(27, 31, 78));
- .topBox {
- width: 100%;
- height: 100%;
- display: flex;
- justify-content: space-around;
- align-items: center;
- .topTitle {
- width: 435px;
- height: 70px;
- background: url("../assets/img/LOGO.png") no-repeat center;
- }
- .topMenu {
- width: auto;
- flex: 1;
- height: 100px;
- .menuContent {
- width: 100%;
- height: 100%;
- display: flex;
- .contentDiv {
- margin-left: 1%;
- }
- }
- .ImgMenu {
- width: 100%;
- height: auto;
- display: flex;
- justify-content: center;
- }
- .menuImage {
- width: 70px;
- height: 70px;
- }
- .menulabel {
- font-size: 14px;
- font-family: Source Han Sans CN;
- font-weight: 500;
- color: #ffffff;
- text-align: center;
- width: 120px;
- }
- .changeStyle {
- color: #fec801;
- }
- .m1 {
- background: url("../assets/img/menu/menu11.png") no-repeat;
- background-size: 100% 100%;
- }
- .m2 {
- background: url("../assets/img/menu/menu21.png") no-repeat;
- background-size: 100% 100%;
- }
- .m3 {
- background: url("../assets/img/menu/menu31.png") no-repeat;
- background-size: 100% 100%;
- }
- .m4 {
- background: url("../assets/img/menu/menu41.png") no-repeat;
- background-size: 100% 100%;
- }
- .m5 {
- background: url("../assets/img/menu/menu51.png") no-repeat;
- background-size: 100% 100%;
- }
- .m6 {
- background: url("../assets/img/menu/menu61.png") no-repeat;
- background-size: 100% 100%;
- }
- .m7 {
- background: url("../assets/img/menu/qwyzt.png") no-repeat;
- background-size: 100% 100%;
- }
- .m11 {
- background: url("../assets/img/menu/menu12.png") no-repeat;
- background-size: 100% 100%;
- }
- .m21 {
- background: url("../assets/img/menu/menu22.png") no-repeat;
- background-size: 100% 100%;
- }
- .m31 {
- background: url("../assets/img/menu/menu32.png") no-repeat;
- background-size: 100% 100%;
- }
- .m41 {
- background: url("../assets/img/menu/menu42.png") no-repeat;
- background-size: 100% 100%;
- }
- .m51 {
- background: url("../assets/img/menu/menu52.png") no-repeat;
- background-size: 100% 100%;
- }
- .m61 {
- background: url("../assets/img/menu/menu62.png") no-repeat;
- background-size: 100% 100%;
- }
- .m71 {
- background: url("../assets/img/menu/qwyzt-h.png") no-repeat;
- background-size: 100% 100%;
- }
- }
-
- .topUser {
- height: 70px;
-
- .userName {
- margin: 0px 10px;
-
- display: flex;
- justify-content: space-between;
- height: 30px;
- }
- .userLanguage {
- margin: 0px 10px;
- margin-top: 10px;
-
- display: flex;
-
- height: 30px;
- }
- .userImage {
- width: 30px;
- height: 30px;
- float: left;
- margin-right: 10px;
- }
- .user1 {
- background: url("../assets/img/user.png") no-repeat;
- background-size: 100% 100%;
- }
- .user2 {
- background: url("../assets/img/EN.png") no-repeat;
- background-size: 100% 100%;
- }
- .userText {
- font-size: 15px;
-
- line-height: 30px;
- font-family: Microsoft YaHei;
- font-weight: 400;
- color: #ffffff;
- text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
- }
- .TextLanguage {
- font-size: 15px;
-
- line-height: 30px;
- font-family: Microsoft YaHei;
- font-weight: 400;
- color: #ffffff;
- text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
- }
- }
- .elLink {
- margin-left: 5px;
- font-size: 15px;
- margin-bottom: 4px;
- }
- }
-
- .secondMenuDiv {
- position: absolute;
- z-index: 1024;
- margin-top: 10px;
- border: 1px solid white;
- border-radius: 5px;
- div {
- line-height: 30px;
- background: #303030;
- padding: 10px;
- font-size: 18px;
- font-family: Microsoft YaHei;
- font-weight: 400;
- color: #ffffff;
- line-height: 49px;
- min-width: 120px;
- }
- .changeLiStyle {
- color: #fec801;
- background: linear-gradient(180deg, #002992, #080472);
- }
- }
-
- /deep/.el-link.el-link--default:hover {
- color: #409eff !important;
- }
- /deep/ .el-link.el-link--default {
- color: white !important;
- }
- /deep/ ul.el-menu-vertical-demo.el-menu {
- // 娣诲姞鑳屾櫙棰滆壊
- background-image: rgba(255, 255, 255, 0.1) !important;
- }
-
- /deep/ li.el-menu-item.is-active {
- // 娣诲姞鏍峰紡锛屽彧閽堝瀵艰埅鏍忛鑿滃崟
- background-color: transparent;
- }
-}
</style>
--
Gitblit v1.9.3