• 大小: 445KB
    文件类型: .zip
    金币: 2
    下载: 1 次
    发布日期: 2021-01-06
  • 语言: 其他
  • 标签: 小程序  抽奖  

资源简介

微信小程序抽奖轮盘,可定义抽奖概率 从抽奖转盘的图中我们可以看出,抽奖转盘由外圆、扇面抽奖选项、抽奖按钮组成,其中外圆不难实现,大家在处理微信小程序头像的时候估计都已经用过了,那就是利用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个文件信息

评论

共有 条评论