From 61c3846cd8213fe3a7a5580c653936b4cbf0e3ef Mon Sep 17 00:00:00 2001
From: Jin Lei <jinlei_182@163.com>
Date: 星期三, 15 十一月 2023 18:37:08 +0800
Subject: [PATCH] [细节调整] 1.拆分主菜单，修改切换逻辑 2.按钮移动效果添加
---
src/components/left/leftmenu.vue | 51 +++++++++++++++++++++++++++++++--------------------
1 files changed, 31 insertions(+), 20 deletions(-)
diff --git a/src/components/left/leftmenu.vue b/src/components/left/leftmenu.vue
index b3fbb7f..c906f5a 100644
--- a/src/components/left/leftmenu.vue
+++ b/src/components/left/leftmenu.vue
@@ -464,18 +464,18 @@
//鑾峰彇token骞惰姹傚姞杞藉浘灞傛暟鎹�
this.SmartEarthToken = common.smartearthtoken;
this.$nextTick(() => {
- getmenu().then((response) => {
- // // 寰楀埌榛樿閫変腑鐨勬暟鎹殑id
- // this.parseJson(response.data); //鍦烘櫙閰嶇疆
- // this.treeData = response.data;
- // this.setDefaultCheck(response.data);
- // setTimeout(() => {
- // this.randomSelectLayer();
- // let selectedLayers = this.$refs.tree.getCheckedNodes();
- // // .filter((item) => item.sourceType == "cluster");
- // this.$store.commit("selectedLayer", selectedLayers);
- // }, 1000);
- });
+ // getmenu().then((response) => {
+ // // // 寰楀埌榛樿閫変腑鐨勬暟鎹殑id
+ // // this.parseJson(response.data); //鍦烘櫙閰嶇疆
+ // // this.treeData = response.data;
+ // // this.setDefaultCheck(response.data);
+ // // setTimeout(() => {
+ // // this.randomSelectLayer();
+ // // let selectedLayers = this.$refs.tree.getCheckedNodes();
+ // // // .filter((item) => item.sourceType == "cluster");
+ // // this.$store.commit("selectedLayer", selectedLayers);
+ // // }, 1000);
+ // });
this.getLayersData("./static/layers.json");
// axios.get("./static/layers.json").then(
// (response) => {
@@ -545,6 +545,10 @@
Bus.$on("showSPJK", () => {
this.$refs.tree.setChecked("zhianjiankong", true, true);
this.setChecked("zhianjiankong", true);
+ });
+ Bus.$on("closeSPJK", () => {
+ this.$refs.tree.setChecked("zhianjiankong", false, false);
+ this.setChecked("zhianjiankong", false);
});
//鍏抽棴鑿滃崟寮圭獥
Bus.$on("closeMenuPop", (data) => {
@@ -3033,6 +3037,10 @@
/* box-shadow: 0px 0px 5px 2px #a8a8a8; */
}
+.leftmenu:hover {
+ background-image: url("~@/assets/img/new/treeClose-y.png");
+
+}
.leftmenu {
background-image: url("~@/assets/img/new/treeClose.png");
background-size: 100% 100%;
@@ -3097,29 +3105,32 @@
font-size: 14px;
}
-.layerTree::-webkit-scrollbar {
+::-webkit-scrollbar {
/*婊氬姩鏉℃暣浣撴牱寮�*/
- width: 4px;
+ width: 5px;
/*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
- height: 4px;
+ height: 8px;
scrollbar-arrow-color: red;
}
-.layerTree::-webkit-scrollbar-thumb {
+/* 婊氬姩鏉� */
+::-webkit-scrollbar-thumb {
border-radius: 5px;
- -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2);
- box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2);
- background: rgba(255, 255, 255, 0.5);
+ -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
+ box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
+ background: rgba(218, 218, 218, 0.5);
scrollbar-arrow-color: red;
}
-.layerTree::-webkit-scrollbar-track {
+/* 婊氬姩妲� */
+::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
border-radius: 0;
background: rgba(218, 218, 218, 0.1);
}
+
.el-tree .TreeNodeClass {
width: 100%;
background-color: #bfa;
--
Gitblit v1.9.3