资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/小程序红包雨

小程序红包雨

vvpvvp / 2416人阅读

摘要：首先你要先在页面引入组件引用组件红包雨红包雨红包雨组件初始化红包雨游戏时间准备时间金额最小是金额最大是结束隐藏界面组件在需要引入，小程序小游戏以及通用渲染引擎关于我您可以扫描添加下方的微信并备注加交流群，给我提意见，交流学习。

前言

话不多少先上效果,引入很简单，将/components/s-packetrain/index放到你的组件文件夹中

直接引用就可以了。

首先你要先在页面引入组件

index.json 引用组件

</>复制代码 
  1. {
  2.   "navigationBarTitleText": "红包雨",
  3.   "usingComponents": {
  4.     "s-packetrain": "/components/s-packetrain/index"
  5.   }
  6. }

index.wxml

</>复制代码 
  3.   
  4.   Soul Weapp
  5.   红包雨

index.js

</>复制代码 
  1. Page({
  2.   data: {
  3.     visible: true,
  4.     time: 15,
  5.     readyTime: 3,
  6.     min: 1,
  7.     max: 5
  8.   },
  9.   onLoad: function(options) {
  10.     this.init()
  11.   },
  12.   // 初始化红包雨
  13.   init() {
  14.     this.setData({
  15.       time: 15, // 游戏时间
  16.       readyTime:3, // 准备时间
  17.       min: 1, // 金额最小是1
  18.       max: 5 // 金额最大是5
  19.     })
  20.   },
  21.   // 结束
  22.   doFinish() {
  23.     this.setData({
  24.       visible: false //  隐藏界面
  25.     })
  26.   }
  27. })

组件在 /components/s-packetrain/index

需要引入cax，HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎

关于我

您可以扫描添加下方的微信并备注 Soul 加交流群，给我提意见，交流学习。

如果对你有帮助送我一颗小星星（づ￣3￣）づ╭❤～
github地址：https://github.com/sunnie1992...

转载请联系作者！

云服务器 GPU云服务器 asp微现金红包程序 微信抢红包程序c语言 小程序小程序 小程序附近小程序

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/101853.html

相关文章

  • 小程序大转盘红包雨营销组件

    前言 商城没几个营销活动能叫商城吗？所以就来几个组件吧，写的不好轻踩，对你有帮助记得给个小星星哦直接上链接github链接 线上体验 showImg(https://segmentfault.com/img/bVbwgDc?w=389&h=306); 运行例子 git clone https://github.com/sunnie1992/soul-weapp.git 微信开发者工具打开项目 营销...

    senntyou 评论0 收藏0

  • Nervos 双周报第 3 期：佛系新年之后的开工大吉！

    摘要：国产片的理想之作，国产科幻片的先行者，未来可期活动预告月日，将参加在举办的活动月日，受邀参加由碳链价值主办的年首次线下活动碳话主题为论区块链共识机制关注我们官网论坛这是双周报的第期，如有任何建议或者想法，欢迎大家来讨论留言哦 showImg(https://segmentfault.com/img/bVbokFM?w=1080&h=460); 今年的朋友圈突然变得不那么活跃了？大家是否...

    call_me_R 评论0 收藏0

发表评论

登陆后可评论

0条评论

vvpvvp

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<