Icon 图标
用于展示 icon,组件名:uni-icon
,代码块: uIcon。
使用方式:
在 script
中引用组件
import uniIcon from "@/components/uni-icon/uni-icon.vue"
export default {
components: {uniIcon}
}
在 template
中使用组件
<uni-icon type="contact" size="30"></uni-icon>
实际效果参考:https://github.com/dcloudio/uni-ui
Icon 属性说明:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | String | - | 图标图案,参考下表 |
color | String | - | 图标颜色 |
size | Number | 24 | 图标大小 |
@click | EventHandle | - | 点击 Icon 触发事件 |
type 类型: