n-icon 图标

基于字体的图标集,包含了大多数常见场景的图标。

平台兼容性

AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序

基本使用

使用<n-icon/>组件,指定图标对应的type属性,示例代码:

<n-icon type="photo"></n-icon>

API

属性

参数说明类型默认值可选值
type图标名称,见示例图标集合String--
color图标颜色Stringinherit-
size图标字体大小,单位rpxString | Number32rpx-

事件

事件名说明回调参数版本
click点击图标时触发--

图标集合

详见:iconfontopen in new window