缺陷修改：浏览器缩小后图层面板显示不全

SuperMap · Jun 13, 2024 · 9b95aa1 · 9b95aa1
1 parent bdc62b2
commit 9b95aa1
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/SuperMap iEarth/src/App.vue b/SuperMap iEarth/src/App.vue
@@ -362,9 +362,32 @@ const overridesTheme = {
   background-color: rgba(255, 255, 255, 0.25);
 }
 
-.n-tree .n-tree-node-wrapper {
-  padding: 0.03rem 0rem;
+// 媒体查询-解决图层列表浏览器缩小后不显示的问题
+@media screen and (max-width:1300px) {
+  .n-tree .n-tree-node-wrapper {
+    padding: 0rem;
+  }
+  .n-tree .n-tree-node-content .n-tree-node-content__text{
+    max-width:58%
+  }
+}
+@media screen and (min-width:1320px) {
+  .n-tree .n-tree-node-wrapper {
+    padding: 0.03rem 0rem;
+  }
+  .n-tree .n-tree-node-content .n-tree-node-content__text{
+    max-width:100%
+  }
 }
+@media screen and (max-width:700px) {
+  .n-tree .n-tree-node-content .n-tree-node-content__text div{
+    width:0.8rem !important;
+  }
+  .n-tree .n-tree-node-switcher{
+    width: 0px;
+  }
+}
+
 
 .n-dropdown-menu .n-dropdown-option .n-dropdown-option-body {
   height: 0.34rem;

diff --git a/SuperMap iEarth/src/package/layerTree/layerTree.vue b/SuperMap iEarth/src/package/layerTree/layerTree.vue
@@ -5,6 +5,8 @@
       draggable
       block-line
       default-expand-all="true"
+      virtual-scroll
+      style="max-height: 5rem;"
       :data="layerTreeData"
       :render-suffix="renderSuffix"
       :node-props="checkCamera"