更新记录

0.0.7（2022-01-20）

  1. 同步更新官方1.3.3(2021-01-17)
  2. 调整了图标的样式设置为数组形式,自定义更加合理
  3. 不再提供默认颜色,颜色默认由外围容器决定

0.0.6（2021-12-25）

  1. 增加了冒泡bubble设置，不然在组件中使用时无法控制是否冒泡
  2. 移动时位置的信息获取进行了调整
  3. 文档进行了官方uni-icons的相关链接

0.0.5（2021-11-29）

  1. 移除了touchstart和touchend的阻止冒泡stop修饰符，解决模拟触发click出现行为不一致的问题
查看更多

平台兼容性

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

wxy-icons 介绍

基于插件市场官方uni-icons增强改进而来

官方文档已迁移，官方文档，官方图标演示

组件改进

  1. 大小支持更多单位，默认同官方是px，支持rpx,px,%,auto,em,vw,vh,vmax,vmin等
  2. 支持设置图标margin，默认是0
  3. 支持点击、长按、触屏事件
  4. 同步官方，支持图标扩展
  5. 支持是否冒泡，并解决了小程序端阻止冒泡时不触发点击的问题

平台兼容性

同官方,若是APP-NVUE扩展图标要看官方文档

参数说明

属性名 类型 默认值 说明
type String - 图标名
size Number|String 1em 大小尺寸，增加支持的字符串:%|px|rpx|em|vw|vh|vmax|vmin|auto
color String black 颜色类型，支持rgb()、十六进制或关键字
customPrefix String - 自定义图标
bold Number|String noraml 字体粗细
margin String 0 外边距，margin规范,增加支持的字符串%|px|rpx|em|vw|vh|vmax|vmin|auto，默认单位是px，默认大小是0
bubble Boolean false 是否冒泡，默认是不冒泡
事件称名 说明 返回值
click 点击Icon触发事件 event
longpress 长按Icon触发事件 event
touchstart 触摸Icon开始触发事件 event
touchmove 触摸Icon移动触发事件 event
touchend 触摸Icon结束触发事件 event

基本使用

简单使用

<wxy-icons type="contact"></wxy-icons>

事件冒泡

<wxy-icons type="contact" bubble></wxy-icons>

设置大小、边距，支持带单位

<wxy-icons type="contact" size="2vw" margin="0 5px"></wxy-icons>

扩展图标

<wxy-icons type="biaoqing" custom-prefix="chat" size="2vw" margin="5px 10px"></wxy-icons>

隐私、权限声明

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

无

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

无

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

无

许可协议

MIT协议
评论列表 撰写评论
加载更多...
插件问答 我要提问

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

加载更多...