style： 样式调整

nezha-fronted/src/assets/css/components/common/project/topology.scss

@@ -476,6 +476,7 @@
     height: 50%;
     opacity: 0.42;
     background: $--background-color-empty;
+    color: $--color-text-regular;
     align-items: center;
     display: flex;
     justify-content: center;
@@ -519,6 +520,11 @@
     display: flex;
   }
 }
+.meta2d-box:hover {
+  .right-bottom-zoom{
+    display: flex;
+  }
+}
 .selpop {
   cursor: pointer;
 }

nezha-fronted/src/components/common/project/meta2d/meta2dMain.vue

@@ -99,6 +99,10 @@
                   @close="popDataShowUpdate('',true)">
       </alertTable>
     </transition>
+    <div v-if="!editFlag&&showZoom" class="right-bottom-zoom">
+      <div class="zoom-option" style="border-bottom: 1px solid #c5c8cb;" @click="zoomMap(0.25)" :title="$t('overall.enlargement')"><span><i class="nz-icon nz-icon-enlarge"></i></span></div>
+      <div class="zoom-option" @click="zoomMap(-0.25)" :title="$t('overall.shrink')"><span><i class="nz-icon nz-icon-narrow"></i></span></div>
+    </div>
   </div>
 </template>
 
@@ -132,6 +136,10 @@ export default {
     isPreview: {
       type: Boolean,
       default: false
+    },
+    showZoom: {
+      type: Boolean,
+      default: true
     }
   },
   computed: {
@@ -171,7 +179,10 @@ export default {
       setTimeout(() => {
         this.setContextmenu = true
       }, 100)
-    }
+    },
+    zoomMap (num) {
+      getTopology(this.meta2dId).scale(getTopology(this.meta2dId).store.data.scale + num)
+    },
   },
   beforeDestroy () {
     getTopology(this.meta2dId).clear()