feat:图层管理调整

shuishen

2026-02-25 4b37c1cb3ed6bc9659a347c4d6445b23cd6187b5

 applications/drone-command/src/components/map-container/device-map-container.vue

@@ -10,6 +10,7 @@
            <div class="layer-control" @click="toggleLayerPanel">
               <img :src="layerControlIcon" alt="图层控制" />
            </div>
            <transition name="layer-panel-slide">
            <div v-if="showLayerPanel" class="layer-panel">
               <div class="panel-title">底图切换</div>
               <div class="base-map-options">
@@ -32,6 +33,7 @@
                     :default-checked-keys="treeCheckedKeys" @check="handleLayerCheck" />
               </div>
            </div>
            </transition>
         </div>
      </div>

@@ -1524,4 +1526,16 @@
      }
   }
}

.layer-panel-slide-enter-active,
.layer-panel-slide-leave-active {
   transition: transform 0.24s ease, opacity 0.24s ease;
   transform-origin: right center;
}

.layer-panel-slide-enter-from,
.layer-panel-slide-leave-to {
   transform: translateX(24px);
   opacity: 0;
}
</style>