Skip to content

Icon 图标

基础用法

vue
<sn-icon name="user-smile-fill"></sn-icon>

更多演示请下载 demo 查看

自定义图标库

如果你觉得内置的 Remix Icon 不满足你的需求,或者需要同时使用多个图标库,可以直接修改源码,参考组件目录下的icons.uts 自行编写图标数据,并在 sn-icon.uvue 中导入数据(只不过麻烦了亿点点😁主要还是因为 uni-app x CSS 不支持伪类,因此图标也很麻烦

属性

参数说明类型默认值可选值
name图标名称(不需要加前缀),支持多个图标,逗号隔开String--
font图标字体名Stringremixicon-
color图标颜色String--
size图标大小String--
customStyle自定义图标样式UTSJSONObject{}-

使用 MIT 协议