Kaynağa Gözat

划分树样式优化

ZaiZai 2 yıl önce
ebeveyn
işleme
42ddd9c580
1 değiştirilmiş dosya ile 9 ekleme ve 7 silme
  1. 9 7
      src/views/data-fill/components/WbsTree.vue

+ 9 - 7
src/views/data-fill/components/WbsTree.vue

@@ -346,15 +346,15 @@ defineExpose({
         font-size: 14px;
     }
     .menu-icon1 {
-        position: unset;
+        position: relative;
         vertical-align: bottom;
         display: inline-block;
+        width: 0;
+        right: -45px;
+        border-radius: 2px;
         pointer-events: none;
-        transition: opacity 0.2s;
-        opacity: 0;
-        right: 0;
         background: rgba(255, 255, 255, 0.25);
-        border-radius: 2px;
+        transition: width 0.2s;
         .cu-tree-node-popover-menu-icon {
             display: flex;
             align-items: center;
@@ -363,13 +363,15 @@ defineExpose({
     }
     &:hover {
         .menu-icon1 {
-            opacity: 1;
+            right: 0;
+            width: 24px;
             pointer-events: all;
             cursor: context-menu;
         }
     }
     .menu-icon1.show {
-        opacity: 1;
+        right: 0;
+        width: 24px;
         pointer-events: all;
         cursor: context-menu;
     }