Icon 图标
推荐使用 xicons 作为图标库
sh
pnpm install @vicons/ionicons5
使用
vue
<template>
<a-icon> <ArrowUpCircle /> </a-icon>
<a-icon color="#22c55e"> <ArrowDownCircle /> </a-icon>
<a-icon color="#f97316"> <ArrowBackCircle /> </a-icon>
<a-icon color="#ef4444"> <ArrowForwardCircle /> </a-icon>
</template>
<script setup lang="ts">
import {
ArrowUpCircle,
ArrowDownCircle,
ArrowBackCircle,
ArrowForwardCircle
} from '@vicons/ionicons5';
</script>
属性
名称 | 类型 | 可选值 | 默认值 | 说明 |
---|---|---|---|---|
color | string | - | - | 图标颜色 |
内置图标
组件库内置使用了hero icons/solid图标,共 226 个图标
使用
vue
<template>
<XIcon />
</template>
<script setup lang="ts">
import { XIcon } from 'brise-icons';
</script>
属性
名称 | 类型 | 可选值 | 默认值 | 说明 |
---|---|---|---|---|
size | string | - | 20 | 单位 px |