视频轮询功能

src/components/Map/legend.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <div :class="['screen-legend-left',isFold? 'fold':'']">
+  <div :class="['screen-legend-left',isFold? 'fold':'',retract?'retract':'']">
     <div class="header" @click="toggleExpand">
       <span>图例 </span>
       <img src="@/assets/images/map/legend/icon-suffix.png" alt="">
@@ -24,6 +24,12 @@
 
   const mapStore = useMapStore()
 
+  const props = defineProps({
+    retract: {
+      type: Boolean,
+      default: false
+    }
+  })
   const isFold = ref(true)
 
   const list = ref([
@@ -152,6 +158,9 @@
       margin-top: 0;
     }
   }
+  &.retract{
+    left: 40px;
+  }
 }
 .screen-legend-left::before {
   content: '';