微信小程序
文章平均质量分 75
自酌一杯酒
欢迎大家访问我的个人博客:https://www.clluo.com
展开
-
小程序转盘抽奖组件(使用简单)
项目地址点我查看完整代码效果图使用方式引入组件 .json{ "usingComponents": { "turnplate-lottery": "/components/turnplate-lottery/index" }}使用组件 .wxml<turnplate-lottery id="turnplate" list="{{prizeList}}"></turnplate-lottery><button catchtap="onSta原创 2021-11-12 14:28:34 · 1834 阅读 · 0 评论 -
图解转盘抽奖布局样式,以小程序为例
目前抽奖最常见的两种:九宫格抽奖 和 转盘抽奖,但转盘抽奖的大多是采用的是将做好的图放在页面上,如果需要变动奖池里面的奖品或数量,就会让设计师重新出一张图片。分享我自己在自定义转盘抽奖的样式布局思路,只是样式布局,没有功能实现;布局思路整个转盘抽奖布局分为两部分:底部转盘背景图 和 奖品内容布局一. 底部转盘背景图1:用canvas画个转盘出来(我采用的这种,自定义更高),再转为临时路径或base64数据,放到底部背景图上;2:用默认的转盘背景图,放到底部背景图上;二. 奖品内容布局首先需要原创 2021-03-19 15:17:09 · 2463 阅读 · 6 评论 -
小程序中实现视图懒加载
欢迎访问我的 个人博客前言小程序中对初始时渲染太多wxml节点数做懒加载是很有必要的!这是一个真实案例在写小程序时,有个页面由于要展示很多内容,光弹窗都6个,还有大量的列表,所以wxml节点数很多,超过了小程序建议的1000个节点以下。示例项目已放到 github 和 码云 上,文章最后附有地址。问题这个内容很多的页面是分包的第一个页面,再此之前开发工具上能正常的运行,因此没有去管它。但是在上周六(2020年1月16日)后,开发工具上就出问题了!!!进入这个分包页面,视图半天才渲染,但事件是会立原创 2021-01-21 10:01:05 · 740 阅读 · 0 评论 -
微信小程序页面之间三种传值方式
第一种:url传值A页面部分js代码Page({ toDetailPage: function(e){ var zhi = &quot;biubiubiu~~&quot;; wx.navigateTo({ url: '/pages/detail/detail?zhi =' + zhi , }) }})B页面部分js代码Page({ /** * onLoad生命...原创 2018-10-31 21:19:17 · 8666 阅读 · 3 评论 -
微信小程序-用户授权获取信息
从2018年4月30日开始,小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口,将无法弹出授权询问框,默认调用失败(但不意味着 wx.getUserInfo 不能用了)。小程序官网上提供两种方式来获取用户信息。1、使用 open-data 展示用户基本信息open-data是小程序提供的不需要用户授权获取用户信息的组件,但是不能通过js来拿值,所以只能作为开发人员快速开...原创 2018-11-20 09:58:52 · 1083 阅读 · 0 评论 -
微信小程序自定义组件-环形进度条
微信小程序自定义组件官方教程环形进度条的组件已经放在github上环形进度条效果图创建步骤1、在根目录创建名为components的文件夹,用来放需要引用的自定义组件。2、创建名为canvas-ring的文件夹,用来放环形进度条自定义组件。3、鼠标指着canvas-ring的文件夹 鼠标右键 “新建 Component” 取名canvas-ring。结构图:环形进度条组...原创 2018-12-01 18:36:25 · 3529 阅读 · 5 评论 -
微信小程序中实现吸顶效果(流畅、不卡顿)
最开始的时候,在小程序中实现吸顶效果,开发工具看起来还挺好的,但是在真机上就会有问题了。 原因是我不停的去 setData 会导致操作反馈延迟严重,无法及时将操作处理结果及时传递到视图层。后面就对代码进行了调整,避免不停的去setData效果图吸顶前吸顶后代码部分wxml<view style="width: 90%; height: 300rpx; backgrou...原创 2019-08-21 18:05:37 · 10658 阅读 · 16 评论