更新记录
1.0.2(2024-06-04) 下载此版本
更新文档
1.0.1(2024-06-04) 下载此版本
更新文档
1.0.0(2024-06-04) 下载此版本
初始化
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue | × | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | × | × | × | × | × |
hy-icon图标库 (vu2版本)
- 不会使用阿里巴巴矢量图库请不要使用此组件
- 本组件库的图标引用阿里巴巴矢量图,请切换成自己的阿里巴巴矢量图库使用
切换vue版本
前言
不会使用阿里巴巴矢量图库图标导入font-class代码,请不要使用此组件
安装组件
-
导入插件
- 方法一: import......from 导入 components 注册
- 方法二: uniapp的easycom方式注册
-
换成自己的图标
- 将阿里巴巴矢量图库项目的font-class代码替换iconfont.css文件的代码【APP里将 //at.alicdn.com 换成 https://at.alicdn.com 】
-
替换图标前缀和字体名
- 将组件data里面的 iconfont 和 iconStart 替换成你自己的
使用
<hy-icon></hy-icon>
属性/事件
属性/事件 | 说明 | 类型 | 默认值 |
---|---|---|---|
name | 字体图标名 | String | success |
color | 颜色 | String | red |
size | 大小 | String / Number | 28 |
bold | 是否加粗 | Boolean | false |
iconStyle | 自定义样式 | Object | {} |
iconClass | 自定义class | String |
交流反馈
官方QQ群:415367029