【微信小程序】各种页面特殊效果合集第二期

最新推荐文章于 2024-07-16 22:51:31 发布
原创 最新推荐文章于 2024-07-16 22:51:31 发布 · 1.7w 阅读 · 25 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
微信小程序

当前文章被收录于：

微信小程序
376 篇文章 28 人学习
订阅专栏 查看详情
本文汇集了微信小程序开发中各种独特的页面效果，包括但不限于滑动切换、动画效果、交互动画等，旨在为开发者提供灵感和实现方法。通过实例代码和详细解析，帮助提升小程序的用户体验。
第一期地址：微信小程序特殊效果合集第一期

自动完成文本框：微信小程序之自动完成文本框
搜索关键词高亮：做搜索关键字高亮，大家有什么思路？
相册效果：精致点选下拉框，附带相册，附带网络访问，细节至上！
计时器：计时器/倒计时相关
高铁图：小程序之基于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集合（未完待续，持续更新中……）
Dreawer微信小程序联盟
05-31 6306
1：官方工具：https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2：简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3：设计指南：https://mp.weixin.qq.com/debug/wxadoc/design/index.html 4：设计
微信小程序全套视频资料.txt
11-06
微信小程序全套视频资料，适合对小程序开发感兴趣的朋友下载。
微信小程序 使用picker封装省市区三级联动实例代码
01-03
微信小程序 使用picker封装省市区三级联动实例   目前学习小程序更多的是看看能否二次封装其它组件，利于以后能快速开发各种小程序应用。目前发现picker的selector模式只有一级下拉，那么我们是否可以通过3个picker来实现三级联动模板的形式来引入其它页面中呢？答案是肯定可以的。那么我的思路是这样的： 1、使用template模板语法进行封装，数据从页面传入 2、根据picker组件的语法，range只能是一组中文地区数组，但是我们需要每个地区的唯一码来触发下一级联动数据。这样，我的做法是通过一个对象里面的两组数据分表存储中文名和唯一码的两个对象数组。格式【province:{co
小程序资料
10-23
微信小程序资料，时传智博客的课堂实录资料，没有放视频，有基础的直接看吧
微信小程序复习（1~6）
2203_75843963的博客
04-27 941
小程序于2011年1月推出，2017年1月正式上线在工具栏中可以实现多种功能，例如账号的切换，模拟区、编辑区、调试区的显示/隐藏，小程序的编译、预览，切换后台，清理缓存等组件是页面视图层（WXML）的基本组成单元，组件组合可以构建功能强大的页面结构。小程序框架为开发者提供了容器视图、基础内容、表单、导航、多媒体、地图、画布开放能力等8类(30多个)基础组件。每一个组件都由一对标签组成，有开始标签和结束标签，内容放置在开始标签和结束标签之间，内容也可以是组件。
微信小程序开发与运营复习
2301_81870381的博客
04-25 630
pages:页面文件夹utils:工具包文件夹组件是页面视图层(WXM）的基本组成单元，组件组合可以构建功能强大的页面结构。小程序框架为开发者提供了容器视图、基础内容、表单、导航、多媒体、地图、画布开放能力等8类(30多个)基础组件。每一个组件都由一对标签组成，有开始标签和结束标签，内容放置在开始标签和结束标签之间，内容也可以是组件。组件的语法格式如下:<标签名 属性名=”属性值”＞内容…标签名>组件通过属性来进一步细化+。
微信小程序-省市二级联动
踏雨歌青春，诗酒趁年华
12-19 2305
本文介绍了在微信小程序开发中实现省份城市选择二级联动功能的方法，文中给出了全部的源码示例。城市选择采用二级联动方法，即用户先选择省份再选择城市，可以快速从全国400多所城市中找到自己需要选择的那一个，优化了用户操作体验。
微信小程序整理资料
weixin_58379637的博客
02-15 500
微信小程序笔记
微信小程序实现省市区级联选择组件
温暖前端的博客
07-16 2213
微信小程序实现省市区级联选择组件
微信小程序特殊效果合集—左滑、气泡各种酷炫动画
热门推荐
错位竞争，单点突破。
08-08 2万+
微信小程序的开发并不难，但是有时我们想做出比较炫的效果，可能会一时没有思路或找不到方法。下面就整理了微信小程序的一些特殊效果的案例，供你参考。1、文字跑马灯效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1038 2、触摸水波涟漪效果：http://www.wxapp-union.com/portal.php?mod=view&aid=13
微信小程序特殊效果合集
小屁孩大帅-保密的博客
11-04 872
文字跑马灯效果：微信小程序小技巧《十六》文字跑马灯，仿Table效果-小技巧系列-小程序社区-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟 触摸水波涟漪效果：微信小程序的this和that，触摸水波涟漪效果-新手教程-小程序社区-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟 下拉菜单效果：微信小程序下拉菜单效果-小技巧系列-小程序社区-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟 五星评分效果：微信小程序五星评分效果-小技巧系列-...
微信小程序资源汇总
Vincentyun
08-20 1万+
微信小程序汇总（10月16日更新小程序100+个教程或资讯与50+个Demo） 1：微信小程序官方工具：https://mp.weixin.qq.com/debug/w … tml?t=1476434678461 2：微信小程序简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3：微信小程序设计指南：http...
微信小程序特殊效果合集第一期
u013078295的博客
08-22 6133
转载  ：http://blog.csdn.net/rolan1993/article/details/73277074?locationNum=3&fps=1  一期一期的整，假如以下内容中，有已经无法使用的部分，欢迎指出；假如你有你觉得可以加入特殊效果范围的文章或帖子，或是你有自己制作的特殊效果，欢迎回复分享；  文字跑马灯效果：http://www.wxapp-union.com
微信小程序教程资料和开发工具大全（文档+代码+例子+工具）
09-27
微信小程序教程资料和开发工具大全，文档、代码、例子、工具 微信小程序开发者文档官网地址 https://mp.weixin.qq.com/debug/wxadoc/dev/index.html
微信小程序(一)
MichelleZhai的博客
06-24 454
点击查看微信小程序整理 微信小程序特殊效果合集
微信小程序开发
365的足迹
04-28 309
1.微信小程序特殊效果合集第一期 2.微信小程序开发视频详解
微信小程序自定义数据实现级联省市区组件
希望看完文章的你能够带着答案离开。
12-04 4348
微信小程序自定义数据实现级联省市区组件
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值