Posts
wx-jq (一套完全原创的微信小程序插件集合库)
微信小程序插件,微信小程序组件,微信小程序插件集合,微信小程序组件集合,微信小程序插件学习,微信小程序插件开发,
在线演示:
<img src=”https://gitee.com/uploads/images/2018/0128/100347_1cf05a5b_385401.jpeg” width = 300px height = 300px />
效果展示
常用分类
- 插件/效果(完成):日历控件
- 插件/效果(完成):扇形倒计时
- 插件/效果(完成):瀑布流布局+滚屏
- 插件/效果(完成):焦点图效果
- 插件/效果(完成):tab切换效果(固定选项个数)
- 插件/效果(完成):tab切换效果(动态选项个数)
- 插件/效果(完成):tab切换效果(动态选项卡个数+锚点菜单)
- 插件/效果(完成):商城购买数量增减效果
- 插件/效果(完成):普通/多列/时间/日期/城市选择器
- 插件/效果(完成):下拉刷新上拉加载实例(页面处理)
- 插件/效果(完成):下拉刷新上拉加载实例(元素处理)
- 插件/效果(完成):仿美团外卖/饿了么点餐效果(锚点定位及跳转)
- 插件/效果(完成):星星评分功能
- 插件/效果(完成):复选框全选效果
- 插件/效果(完成):表单校验
- 插件/效果(完成):无缝滚动(水平方向)
- 插件/效果(完成):无缝滚动(垂直方向)
抽奖分类
- 插件/效果(完成):九宫格大转盘抽奖(基础版12格奖项)
- 插件/效果(完成):九宫格大转盘抽奖(正式版12格奖项)
- 插件/效果(完成):九宫格大转盘抽奖(基础版8格奖项)
- 插件/效果(完成):九宫格大转盘抽奖(正式版8格奖项)
- 插件/效果(完成):幸运大转盘抽奖/圆形大转盘抽奖(指针旋转)
- 插件/效果(完成):幸运大转盘抽奖/圆形大转盘抽奖(圆盘旋转)
- 插件/效果(完成):刮刮卡抽奖(canvas奖项使用文字)
- 插件/效果(完成):刮刮卡抽奖(canvas奖项使用图片)
特别分类
- 插件/效果(完成):手写板/写字板/签字版(canvas)//真机bug:长时间持续绘制会有卡顿现象
- 插件/效果(完成):时钟特效(指针正常)
- 插件/效果(完成):时钟特效(指针平滑)
其她分类
- 插件/效果(完成):生成圆形印章/生成公司公章
如何使用?
一.下载项目:
方式1.直接下载压缩包,解压
方式2.git工具克隆
git clone https://gitee.com/dgx/wx-jq.git
二.利用微信开发者工具创建项目,选择上面下载或者克隆目录下的wx目录(wx目录存放实际的小程序项目,如果开发工具提示没有找到xx文件就是目录选择错误)
三.运行,即可在首页点击目录链接查看对应演示
提示:演示 wx-jq 项目(开发工具选择到wx-jq目录下wx目录即可!如果没有appId选择体验即可!)
了解和资料
文档:
https://mp.weixin.qq.com/debug/wxadoc/dev/
微信公众平台(获取AppID和发布版本):
https://mp.weixin.qq.com/cgi-bin/loginpage?url=%2Fcgi-bin%2Fbizlogin%3Faction%3Dvalidate%26lang%3Dzh_CN%26account%3D1475706037%2540qq.com
安装和下载开发工具:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201818
License
The MIT License (MIT)
扩展
在扩展中会为组件提供多种技术的实现
- full-picker(日历控件)
vue-v2-picker (vue v2.x)
演示 https://dgx.gitee.io/wx-jq/full-picker/vue-v2-picker/index.html
react-v16-picker (react v16.x)
演示 https://dgx.gitee.io/wx-jq/full-picker/react-v16-picker/index.html
angular-v1-picker (angular v1.x)
演示 https://dgx.gitee.io/wx-jq/full-picker/angular-v1-picker/index.html
small-program-wx (微信小程序)
演示
small-program-swan (百度小程序)
演示
small-program-ali (支付宝小程序)
演示
jquery-v1-picker (jquery v1.x)
演示 https://dgx.gitee.io/wx-jq/full-picker/jquery-v1-picker/index.html
js-native-picker (js 原生)
演示 https://dgx.gitee.io/wx-jq/full-picker/js-native-picker/index.html
subscribe via RSS