Blame view

src/views/dashboard/workbench/components/QuickNav.vue 522 Bytes
Vben authored
1
2
<template>
  <Card title="快捷导航" v-bind="$attrs">
3
4
5
6
7
8
    <CardGrid v-for="item in navItems" :key="item">
      <span class="flex flex-col items-center">
        <Icon :icon="item.icon" :color="item.color" size="20" />
        <span class="text-md mt-2">{{ item.title }}</span>
      </span>
    </CardGrid>
Vben authored
9
10
  </Card>
</template>
11
<script lang="ts" setup>
Vben authored
12
13
  import { Card } from 'ant-design-vue';
  import { navItems } from './data';
14
  import { Icon } from '/@/components/Icon';
Vben authored
15
16
  const CardGrid = Card.Grid;
Vben authored
17
</script>