更新记录
1.0.4(2024-05-22) 下载此版本
fix: 更新图标预览文档
1.0.3(2024-05-20) 下载此版本
fix: 更新文档
1.0.2(2023-12-06) 下载此版本
fix: 修复动态切换时,颜色和字体大小不生效的问题
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.94 app-uvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
ux-icons
图标预览
ux-icons图标预览
注意:
- 因gitee的Gitee Pages功能紧急维护,目前预览功能暂不可用,后续等gitee官方维护完,可正常使用
- 现改为Github Pages
使用方式
将ux-icons组件拉下来到uni_modules
<ux-icons name="search" :size="14" color="#007aff"></ux-icons>
参数说明
参数名 | 类型 | 默认值 | 备注 |
---|---|---|---|
name | string | 图标名 | |
size | number | 16 | 图标大小 |
color | string | default | 图标颜色 |
扩展自定义图标
ux-icons支持扩展自定义图标,使用如下方法:
- 将自己的图标以svg形式上传到iconfont下的对应项目
- 切换Unicode模式下的图标,点击右侧下载到本地
- 解压后,找到目录中的iconfont.json和iconfont.ttf
- 打开iconfont.json,找到glyphs数组,将整个数组复制到组件下的logic目录中的config.uts中
- 找到数组中每一项的unicode属性,将值改为\u开头,建议使用搜索替换
- 将找到的iconfont.ttf更名为ux.ttf,同时,复制到组件的fonts目录下
- 如果有必要,请将字体文件上传服务器,使用远程方式,并更新ux-icons.uvue文件中的@font-face