/uniappVantIcon

基于uni-app框架的Vant图标库

Primary LanguageVue

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>

Icon 属性说明:

属性名 类型 默认值 说明
type String - 图标图案,参考下表
color String - 图标颜色
size Number 24 图标大小
@click EventHandle - 点击 Icon 触发事件

type 类型:

图标效果参考:https://youzan.github.io/vant/mobile.html?hide_nav=1&weapp=1#/zh-CN/icon