前言
話不多少先上效果,引入很簡單，將/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 渲染引擎
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答
