Icon 字体图标
常用的字体图标集合。
使用方法
只需要对<gov-icon name="iconName"/>
组件指定相应图标的name
属性即可,例如:
查看代码
vue
<template>
<demo-container class="demo-gov-icon">
<gov-icon name="edit" />
<gov-icon name="delete" />
<gov-icon name="loading" />
</demo-container>
</template>
<style lang="scss">
.demo-gov-icon {
.gov-icon {
margin: 20px;
font-size: 24px;
}
}
</style>
图标集合
查看代码
vue
<template>
<demo-container class="demo-gov-icons">
<div class="list">
<div class="box" v-for="icon in iconList" :key="icon">
<gov-icon :name="icon" />
<div>{{ icon }}</div>
</div>
</div>
</demo-container>
</template>
<script setup>
import iconList from "./icon.js";
</script>
Attributes
属性名 | 说明 | 类型 |
---|---|---|
name | icon 名称标识 | String |
Events
事件名 | 说明 |
---|---|
click | 点击事件。 |