更新记录

1.0.2（2023-12-06）

fix: 修复动态切换时，颜色和字体大小不生效的问题

1.0.1（2023-12-05）

fix: 优化ux.ttf的位置，更新了文档

1.0.0（2023-12-02）

上传ux-icons字体图标组件

查看更多

平台兼容性

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图标预览

使用方式

将ux-icons组件拉下来到uni_modules

<ux-icons name="search" :size="14" color="#007aff"></ux-icons>

参数说明

参数名 类型 默认值 备注
name string 图标名
size number 16 图标大小
color string default 图标颜色

扩展自定义图标

ux-icons支持扩展自定义图标，使用如下方法：

  1. 将自己的图标以svg形式上传到iconfont下的对应项目
  2. 切换Unicode模式下的图标，点击右侧下载到本地
  3. 解压后，找到目录中的iconfont.json和iconfont.ttf
  4. 打开iconfont.json，找到glyphs数组，将整个数组复制到组件下的logic目录中的config.uts中
  5. 找到数组中每一项的unicode属性，将值改为\u开头，建议使用搜索替换
  6. 将找到的iconfont.ttf更名为ux.ttf，同时，复制到组件的fonts目录下
  7. 如果有必要，请将字体文件上传服务器，使用远程方式，并更新ux-icons.uvue文件中的@font-face

隐私、权限声明

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

无

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

无

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

无

许可协议

MIT协议
评论列表 撰写评论

暂无用户评论。

插件问答 我要提问

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

加载更多...