fs-icon 图标组件

图标组件，支持iconfont字体图标和http链接图片两种方式，根据name属性自动识别类型。

使用方法

局部引入，在需要引入的页面或组件的index.json中配置。

"usingComponents": {
  "fs-icon": "ava-ui/fxui/fs-icon/index"
}

代码演示

基础用法

API

属性

属性名	类型	默认值	说明
name	String	''	图标名称（iconfont类名或http链接）
size	String/Number	''	图标大小，支持rpx、px等单位
color	String	''	图标颜色
extStyle	String	''	外部样式

事件

事件名	说明	参数
click	点击事件	event

使用示例

iconfont图标

<fs-icon name="time-2" size="48" color="#ff6600"></fs-icon>

图片图标

<!-- https链接 -->
<fs-icon name="https://example.com/icon.png" size="48"></fs-icon>

<!-- http链接 -->
<fs-icon name="http://example.com/icon.png" size="48"></fs-icon>

自动识别规则

• 以 http:// 或 https:// 开头的字符串会被识别为图片链接
• 其他字符串会被识别为iconfont类名

打开预览