<script setup lang="ts">
const info = useInfoStore()
const data = computed(() => {
  return info.data[info.showIndex]
})
</script>

<template>
  <FrameV1 title="重点区域监控">
    <div class="flex justify-around gap-4 pt-5">
      <FrameImg v-for="item in data.info.monitor" :key="item.name" src="/social-card.png" :title="item.name" icon="solar:adhesive-plaster-line-duotone" class="h-[120px]" />
    </div>
  </FrameV1>
</template>
