mky-vent-base/src/views/vent/home/billboard/components/ContentB.vue

<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <CommonTitle class="mb-10px" label="测试" value="是我啊" />
  <ListItemA v-for="(item, i) in list" :key="item.icon" :icon="item.icon" :label="item.label" :value="item.value" :type="i % 2 ? 'green' : 'blue'" />
</template>
<script lang="ts" setup>
  import { ref } from 'vue';
  import CommonTitle from './components/CommonTitle.vue';
  import ListItemA from './ListItemA.vue';
  // import mapComponent from './components/3Dmap/index.vue';

  const list = ref([
    {
      icon: 'warning-optical-fiber',
      label: 'a',
      value: 'a',
    },
    {
      icon: 'warning-tubes',
      label: 'a',
      value: 'a',
    },
    {
      icon: 'warning-smoke-2',
      label: 'a',
      value: 'a',
    },
    {
      icon: 'warning-CO-2',
      label: 'a',
      value: 'a',
    },
    {
      icon: 'warning-temp',
      label: 'a',
      value: 'a',
    },
    {
      icon: 'warning-max-temp',
      label: 'a',
      value: 'a',
    },
  ]);
</script>
<style lang="less" scoped></style>