<sup id="sjju3"><noscript id="sjju3"></noscript></sup>
    <big id="sjju3"></big>

  • <blockquote id="sjju3"></blockquote>
    <blockquote id="sjju3"></blockquote>

      <td id="sjju3"></td>

      <big id="sjju3"></big>
        <code id="sjju3"><strong id="sjju3"><dl id="sjju3"></dl></strong></code>
      1. 小程序红包雨的实现示例

         更新时间:2019年02月19日 14:57:45   作者:乖摸摸头   我要评论

        这篇文章主要介绍了小程序红包雨的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

        前言

        ?#23433;?#22810;少先上效果,引入很简单,将/components/s-packetrain/index放到你的组件文件夹中

        直接引用就可以了。

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

        index.json 引用组件

        {
         "navigationBarTitleText": "红包雨",
         "usingComponents": {
          "s-packetrain": "/components/s-packetrain/index"
         }
        }

        index.wxml

        <!--pages/packetRain/index.wxml-->
        <view class="container">
         <image mode="aspectFit" src="/assets/logo.png"></image>
         <view class='title'>Soul Weapp</view>
         <view>红包雨</view>
        </view>
        <!--红包雨组件-->
        <s-packetrain visible="{{visible}}" time="{{time}}" readyTime="{{readyTime}}" min="{{min}}" max="{{max}}" bindfinish="doFinish"></s-packetrain>

        index.js

        Page({
         data: {
          visible: true,
          time: 15,
          readyTime: 3,
          min: 1,
          max: 5
         },
         onLoad: function(options) {
          this.init()
         },
         // 初始化红包雨
         init() {
          this.setData({
           time: 15, // 游戏时间
           readyTime:3, // 准备时间
           min: 1, // 金额最小是1
           max: 5 // 金额最大是5
          })
         },
         // 结束
         doFinish() {
          this.setData({
           visible: false // 隐藏界面
          })
         }
        })

        组件在 /components/s-packetrain/index

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

        以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

        您可能感兴趣的文章:

        相关文章

        最新评论

        2018白小姐一肖中特马
        <sup id="sjju3"><noscript id="sjju3"></noscript></sup>
        <big id="sjju3"></big>

      2. <blockquote id="sjju3"></blockquote>
        <blockquote id="sjju3"></blockquote>

          <td id="sjju3"></td>

          <big id="sjju3"></big>
            <code id="sjju3"><strong id="sjju3"><dl id="sjju3"></dl></strong></code>
          1. <sup id="sjju3"><noscript id="sjju3"></noscript></sup>
            <big id="sjju3"></big>

          2. <blockquote id="sjju3"></blockquote>
            <blockquote id="sjju3"></blockquote>

              <td id="sjju3"></td>

              <big id="sjju3"></big>
                <code id="sjju3"><strong id="sjju3"><dl id="sjju3"></dl></strong></code>