Skip to content

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

属性名说明类型
nameicon 名称标识String

Events

事件名说明
click点击事件。

Released under the MIT License.