- 493
- 0
- 约6.09千字
- 约 9页
- 2017-07-07 发布于湖北
- 举报
微信⼩程序源码⼤集003⼩程序实现⼤转盘 仿天猫抽奖 跑马灯效
果 (有图有源码)
基本实现功能
1,⼩程序仿天猫超市抽奖⼤转盘
2,跑马灯效果
3,开始抽奖,抽奖完成后有 窗
先看效果图
简单说⼀下
1.外⾯⼀圈闪烁的⼩球是⽤js控制的样式.500ms改变⼀次样式.简单粗暴;
2.抽奖的item也是js控制背景,但是怎么样让 优雅的停下来是个问题.动画中有timin
⾃⼰⽤js就没那么简单了.我这⾥⽤setInterval(),时间是线性变化的.换个斜率先⼩
实现源码,看注释应该能看懂,有问题欢迎批评 !
上源码
!--index . xml--
vie class=container-out
vie
class=circle x :for={{circleList}}
style=top:{{item.topCircle}}rpx;left:{{item.leftCircle}}rpx;bac
vie class=container-in
vie class=content-out x :for={{a ardList}} style=top:{{
image class=a ard-image src={{item.im
您可能关注的文档
最近下载
- 内蒙古大学2021-2022学年本科教学质量报告.docx VIP
- 2025-2026学年成都七中高二数学(下)6月检测试卷附答案解析 .pdf VIP
- 内江市资中县2025-2026学年第二学期六年级语文期中考试卷部编版含答案.docx VIP
- 2026广西交通实业有限公司加油员招聘25人笔试备考试题附答案解析.docx VIP
- 2025年江苏省无锡市中考物理真题(含答案).pdf
- 光谱仪器系统.PPT VIP
- 关节运动学(五、脊柱)课件.ppt VIP
- “苏超”全链路融媒传播中的技术创新实践.docx VIP
- 【指南】业务分析 (24页 PPT).ppt VIP
- DB11-1624-2019电动自行车停放场所防火设计标准.pdf VIP
原创力文档

文档评论(0)