UI组件

组件集

Wa-UI

源代码

Wa-UI - 针对微信小程序整合的一套UI库

列表：

• 列表&列表项
• 带头像的列表项
• 带缩略图的列表项
• 列表间隔空间
• 列表icon（icon暂停使用）

表单：

• 按钮三种大小
• 按钮六种颜色
• input默认样式
• input横向
• input堆叠
• 带icon的input（icon暂停使用）
• 带icon的button（icon暂停使用）

布局：

• row&col基于flex的网格布局
• grid-view 基于float的九宫格布局

文本增强

富文本解析组件

源代码

WxParse - 微信小程序富文本解析组件

作用：

• HTML的大部分标签解析
• 内联style
• 标签Class
• 图片自适应规则
• 图片多图片预览
• 模版层级可扩展性
• 多数据循环方式
• 小表情emjio
• a标签跳转

相关文章：

• wxDiscode－微信小程序特殊字符转义符转化工具类
• 微信小程序组件wxParse中的模版template使用 既然不能循环那就使用笨办法
• 微信小程序单图片的自适应计算

Emoji输入框+展示

源代码

WxEmojiView - 微信小程序Emoji展示输入组件

作用：

• 用于展示带有emoji的文本信息
• 用于输入和带有emoji的输入框

列表

首字母排序选择表

源代码

WxSortPickerView - 微信小程序首字母排序选择表

特性：

• 字符串数组首字母排序
• 左侧点击abc跳转
• 点击item返回数据

『图片懒加载』解决方案

源代码

城市字母切换

布局

瀑布流布局

源代码

WxMasonry - 微信小程序瀑布流布局模式

交互反馈

Toast增强

源代码

WeToast - 微信小程序toast增强插件

WeToast 是仿照微信小程序提供的 showToast 功能，提供视觉一致的增强插件，弥补小程序 showToast 功能上的不足（如只能显示 success、loading 两种icon，且icon不可去除，持续时间最大10秒等）

Tab

带未读数目的tab按钮

下拉菜单

下拉筛选菜单

侧边栏

四个『侧边栏滑动』特效

源代码

效果图：

• 点击按钮侧边滑动

• 滑动且屏幕缩小

• 拖动侧边滑动

• 弹动侧边滑动

选择器

省市区选择器

源代码

搜索

搜索框 wxsearch

源代码

图表类

wx-charts

源代码

wx-charts - 微信小程序图表charts组件

• 饼图 pie

• 圆环图 ring

• 线图 line

• 柱状图 column

• 区域图 area

活动类

倒计时组件

源代码

相关文章：

• 小程序自学系列（零基础学小程序002）—-小程序实现电商秒杀倒计时效果
• 微信小程序组件wxParse中的模版template使用 既然不能循环那就使用笨办法

五星评分

圆形控件

仿建行圆形菜单

仿天猫超市抽奖

1. 小程序仿天猫超市抽奖大转盘
2. 跑马灯效果
3. 开始抽奖，抽奖完成后有弹窗

气泡

仿QQ消息气泡拖拽消失

今天带来的是仿QQ消息气泡拖拽消失特效，源码中很多地方还是有很多不足，希望大家一起齐心协力，给我提出宝贵意见，咱们一起来继续完善此效果

多媒体

带弹幕Video

基本实现功能：

1. 小程序播放在线视频
2. 视频带弹幕效果
3. 弹幕可以自定义颜色