微信小程序特殊效果合集第二期

3,955 阅读3分钟
原文链接: www.wxapp-union.com
第一期地址: 微信小程序特殊效果合集第一期


自动完成文本框: 微信小程序之自动完成文本框
搜索关键词高亮: 做搜索关键字高亮,大家有什么思路?
相册效果: 精致点选下拉框,附带相册,附带网络访问,细节至上!
计时器: 计时器/倒计时相关
高铁图: 小程序之基于canvas绘制高铁线路图
点赞效果: 微信小程序小组件:仿直播点赞气泡效果,基于Canvas
指南针:指南针小程序开发笔记指南针
滑动切换: 微信小程序demo:仿one:滑动切换页面
联系人列表: 微挂靠公司端:下拉菜单,联系人列表
仿淘宝密码输入框: 汇汇生活:电商模板,仿淘宝密码输入框



图表类(折线图,统计图)
图表类:折线图,柱状图,K线,分时图


生成二维码:
微信小程序条形码、二维码生成模块
微信小程序实用Demo: 小程序内生成image格式qrcode(二维码)
微信小程序使用canvas进行二维码绘制
会员小程序开发总结:条形码二维码


图片预加载:
在微信小程序里实现图片预加载组件
让人头痛的小程序之『图片懒加载』终极解决方案


多级联动:
微信小程序省市三级联动
微信小程序实用组件:自定义toast,自定义picker级联菜单
微信小程序学习用精品demo:级联筛选,下拉刷新上拉加载
封装的一些微信小程序的方法:城市数据等,级联
微信小程序省市区三级联动(picker-view组件)
微信小程序省市区三级联动
微信小程序学习用demo:电商学习模板,弹出层,三级联动
棒棒达寄件平台:参数传递,城市三级联动
加速度手机维修:三级联动,底部菜单


日历系列:
艺龙小程序框架:picker,选择日历,下拉菜单
微信小程序demo:校园日历 微信小程序demo:优惠资讯:横版日历,tab栏
微信小程序demo:倒班日历:线上小程序源码,公立转农历
微信小程序学习用demo:日历:公历农历转换,calendar-convert
微信小程序demo:小数报课表:日历
微信小程序demo:电影日历,基于node
github精选:微信小程序实现简单的日历
【借鉴倒班日历】日历小程序



效果合集一:微信小程序精品demo:跑马灯,左侧菜单,抽屉层,加载动画
文字跑马灯 弹出层(常用于选择商品属性)
订单好中差评价交互
左侧可滑动tabbar
横向滚动图文
省市区三级联动(单页面(小程序的页面层级限制)、多页面两种)
loading
验证码倒计时
左滑取消操作、删除
单选按钮,复选按钮,on/off开关
checkbox全选/全不选
toast(warning,danger)
横向可滑动tabbar
图片翻页动画
瀑布流图文

效果合集二:组件大全(对话框、指示器、五星评分,画廊,影院座位
ActionSheet - 上拉菜单
Backdrop - 背景幕
Barcode - 条形码
CountDown - 倒计时
CountUp - 计数器
Dialog - 对话框
Gallery - 画廊
Loading - 指示器
Picker - 选择器
Prompt - 提示信息
Qrcode - 二维码
Rater - 评分组件
Refresher - 下拉刷新
Seats - 座位图
Toast - 提示框
Toptips - 顶部提示
Xnumber - 数字输入框