资源简介
微信小程序抽奖轮盘,可定义抽奖概率
从抽奖转盘的图中我们可以看出,抽奖转盘由外圆、扇面抽奖选项、抽奖按钮组成,其中外圆不难实现,大家在处理微信小程序头像的时候估计都已经用过了,那就是利用border-radius:50%来将一个正方形变成圆,这是外圆实现的关键。为了体现立体效果,我们给外圆的border加上阴影,也就是border-shadow样式,这样一处理,外圆的立体效果就出来了。
外圆里面是抽奖的奖项,抽奖奖项由奖品名称和一条线组成,通过将线和奖品名称旋转一定的角度就可以得到界面效果,这里用到的主要功能是:transform: rotate。这里说是线,其实是一个个的view通过设置w
代码片段和文件信息
属性 大小 日期 时间 名称
----------- --------- ---------- ----- ----
目录 0 2020-07-24 13:20 wxapp_88\
文件 1071 2020-05-30 12:50 wxapp_88\LICENSE
文件 527 2020-05-30 12:50 wxapp_88\README.md
文件 757 2020-05-30 12:50 wxapp_88\app.js
文件 873 2020-07-24 13:20 wxapp_88\app.json
文件 255 2020-05-30 12:50 wxapp_88\app.wxss
目录 0 2020-07-24 13:19 wxapp_88\image\
文件 33230 2020-05-30 12:50 wxapp_88\image\+10.png
文件 108676 2020-05-30 12:50 wxapp_88\image\+100.png
文件 105423 2020-05-30 12:50 wxapp_88\image\+150.png
文件 60399 2020-05-30 12:50 wxapp_88\image\+30.png
文件 77286 2020-05-30 12:50 wxapp_88\image\+60.png
文件 429 2020-05-30 12:50 wxapp_88\image\icon-HL.png
文件 431 2020-05-30 12:50 wxapp_88\image\icon.png
文件 54906 2020-05-30 12:50 wxapp_88\image\turn-table-bg.png
目录 0 2020-07-24 13:19 wxapp_88\pages\
目录 0 2020-07-24 13:19 wxapp_88\pages\canvas\
文件 5649 2020-07-24 13:37 wxapp_88\pages\canvas\canvas.js
文件 51 2020-05-30 12:50 wxapp_88\pages\canvas\canvas.json
文件 1599 2020-05-30 12:50 wxapp_88\pages\canvas\canvas.wxml
文件 6415 2020-05-30 12:50 wxapp_88\pages\canvas\canvas.wxss
目录 0 2020-07-24 13:19 wxapp_88\pages\list\
文件 939 2020-05-30 12:50 wxapp_88\pages\list\list.js
文件 108 2020-05-30 12:50 wxapp_88\pages\list\list.json
文件 603 2020-05-30 12:50 wxapp_88\pages\list\list.wxml
文件 447 2020-05-30 12:50 wxapp_88\pages\list\list.wxss
目录 0 2020-07-24 13:19 wxapp_88\pages\logs\
文件 381 2020-05-30 12:50 wxapp_88\pages\logs\logs.js
文件 51 2020-05-30 12:50 wxapp_88\pages\logs\logs.json
文件 841 2020-05-30 12:50 wxapp_88\pages\logs\logs.wxml
文件 688 2020-05-30 12:50 wxapp_88\pages\logs\logs.wxss
............此处省略4个文件信息
----------- --------- ---------- ----- ----
目录 0 2020-07-24 13:20 wxapp_88\
文件 1071 2020-05-30 12:50 wxapp_88\LICENSE
文件 527 2020-05-30 12:50 wxapp_88\README.md
文件 757 2020-05-30 12:50 wxapp_88\app.js
文件 873 2020-07-24 13:20 wxapp_88\app.json
文件 255 2020-05-30 12:50 wxapp_88\app.wxss
目录 0 2020-07-24 13:19 wxapp_88\image\
文件 33230 2020-05-30 12:50 wxapp_88\image\+10.png
文件 108676 2020-05-30 12:50 wxapp_88\image\+100.png
文件 105423 2020-05-30 12:50 wxapp_88\image\+150.png
文件 60399 2020-05-30 12:50 wxapp_88\image\+30.png
文件 77286 2020-05-30 12:50 wxapp_88\image\+60.png
文件 429 2020-05-30 12:50 wxapp_88\image\icon-HL.png
文件 431 2020-05-30 12:50 wxapp_88\image\icon.png
文件 54906 2020-05-30 12:50 wxapp_88\image\turn-table-bg.png
目录 0 2020-07-24 13:19 wxapp_88\pages\
目录 0 2020-07-24 13:19 wxapp_88\pages\canvas\
文件 5649 2020-07-24 13:37 wxapp_88\pages\canvas\canvas.js
文件 51 2020-05-30 12:50 wxapp_88\pages\canvas\canvas.json
文件 1599 2020-05-30 12:50 wxapp_88\pages\canvas\canvas.wxm
文件 6415 2020-05-30 12:50 wxapp_88\pages\canvas\canvas.wxss
目录 0 2020-07-24 13:19 wxapp_88\pages\list\
文件 939 2020-05-30 12:50 wxapp_88\pages\list\list.js
文件 108 2020-05-30 12:50 wxapp_88\pages\list\list.json
文件 603 2020-05-30 12:50 wxapp_88\pages\list\list.wxm
文件 447 2020-05-30 12:50 wxapp_88\pages\list\list.wxss
目录 0 2020-07-24 13:19 wxapp_88\pages\logs\
文件 381 2020-05-30 12:50 wxapp_88\pages\logs\logs.js
文件 51 2020-05-30 12:50 wxapp_88\pages\logs\logs.json
文件 841 2020-05-30 12:50 wxapp_88\pages\logs\logs.wxm
文件 688 2020-05-30 12:50 wxapp_88\pages\logs\logs.wxss
............此处省略4个文件信息
- 上一篇:多项目打包模块pom打包
- 下一篇:粒子群算法计算二元函数的最小值
相关资源
- 微信小程序源码-合集5
- 微信小程序开发视频+demo
- 自己写的delphi控制PPTWord的一个小程序
- app H5活动抽奖转盘 前端+后台
- 基于微信小程序的校园二手商品交易
- 公司活动年会抽奖软件 免费可以用版
- 基于微信小程序外卖点餐系统 开题报
- 生日烟火的小程序带有原代码
- 安卓小程序_拨打电话
- 微信小程序 录音机源码
- 小程序小游戏你画我,猜亲测可用
- 微信小程序源码-合集1.rar
- 微信小程序源码-合集3
- 外卖小程序源码带后台和数据库
- 微信小程序Demo/---欧拉蜜自然语言理解
- 微信小程序完整Demo--支持人工智能对
- 小程序智能识别快递收货地址自动解
- 40款微信H5小程序合集+源码
- 18个常用微信小程序源码
- 盒马鲜生-o2o行业小程序
- 鸿运年会抽奖软件官方免费版功能强
- 微信小程序源码-合集5.rar
- 淘宝客微信小程序前后台完整源码
- 狮子鱼社区团购小程序系统独立版V
- 拼车+源码+小程序.zip
- 35个行业-微信小程序源码.zip
- 前后台完整版微信蓝果小镇商城小程
- 强大的完善的 活动抽奖系统适合各单
- 小程序开发源码酒店
- 365抽奖软件
评论
共有 条评论