更新记录

1.0.3(2023-11-17)

  • 更新图标库,加入表单需要使用的图标
  • 设置字体颜色、字体大小默认值

1.0.2(2023-11-04)

更改前端平台兼容性

1.0.1(2023-11-04)

  • 更新使用说明
  • 更新图标展示地址
查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.91 app-vue app-uvue × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
×

兼容额外说明

  • 微信小程序、支付宝小程序、钉钉小程序、H5-Safari、Android Browser、微信浏览器(Android)、QQ浏览器(Android)、Chrome、IE、Edge、Firefox、PC-Safari支持使用,需要引入申明配合使用(vue)

import hyaIcon from '@/components/hya-icon/hya-icon.uvue';

export default {
    components: { hyaIcon }
}

插件使用

  • 基础用法
<hya-icon name="wukuangyiduanhua" />
  • 配置颜色
<hya-icon name="wukuangyiduanhua" color="#0081cc" />
  • 配置大小
<hya-icon name="wukuangyiduanhua" size="16" />
  • 配置style
<hya-icon custom-style="font-size: 20px;color: #0081cc" />
  • 配置class
<hya-icon custom-class="icon-class" />

.icon-class {
    font-size: 20px;
    color: #0081cc;
}

Props

参数 类型 默认值 是否必填 说明
name string - 图标名称
color string - 图标颜色
size string - 图标大小
custom-style string - 图标根节点style
custom-class string - 外部根节点class

Tips

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问