第四章疯狂点击微信app云开发和糖果流行页面创建

疯狂的点击弹出方法页面制作

疯狂点击为用户提供了60秒的按钮点击时间，点击过程中有背景音乐。系统根据用户单击按钮的时间计算热值。

疯狂单击</text>

<；/图像>

<按钮悬停开始时间='100'悬停停留时间='1'bindtap='dianji'><；image src=“/images/button1.png”><；/图像><；/按钮>

{｛btext｝｝

背景音乐使用：通过BackgroundAudioManager后台音频管理器播放背景音乐

在云开发控制台存储中创建背景音乐文件夹bg，上传mp3格式的背景音频文件，复制文件ID，

将音频标题、专辑名称epname和音频数据源src设置为经理背景AudioManager。设置src后，音频自动开始播放。这里，我们直接将云存储中音频文件的文件ID分配给src，以直接播放云音频文件。

const backgroundAudioManager=wx.getBackgroundAudioManager（）

第页({

数据：{

编号：0，

Btext:'开始'，

禁用：false，

dok：错误

},

//如果页面在卸载时执行

onUnload:函数（）{

backgroundAudioManager.stop（）；

},

//开始计数

开始：函数（）{

//如果按钮为“开始”，则开始操作；否则，跳到页面

如果（this.data.btext==“开始”）{

设ber=60

背景AudioManager。title='单击'

背景AudioManager。epname='单击'

背景AudioManager。src='cloud://dbx-s55q1.6462-dbx-s55q1/bg/dianjif.mp3 '

//启动该技术后，让单击更改为true以记录值

this.set数据({

btext：错误，

禁用：true，

道克：真的

})

//设置计时器以减少秒数。减少后，不再单击。dok：错误

让dian=设置间隔（（）=>{

错误率--

如果（ber==-1）{

backgroundAudioManager.stop（）；

this.set数据({

Btext:'下一步'，

禁用：false，

dok：错误

})

清除间隔（dian）

}其他{

this.set数据({

btext：错误

})

}

}, 1000)

}其他{

//记录本地的点击次数

wx。setStorageSync（'wnum'，this.data.num）

wx.导航到({

url:'../selectdok/selectdok'

})

}

},

//单击。启动后将记录点击次数

dianji:函数（）{

设n=this.data.num

if（this.data.dok）{

n个++

this.set数据({

编号：n

})

}

},

onLoad:函数（）{

wx.set导航栏标题({

标题：“疯狂点击”

})

}

})

此时，我们会发现在播放背景音频时，控制台中报告了这样的错误

我们需要在app中添加以下语句。json，并通过requiredBackgroundModes声明在后台运行的能力。音频背景音乐播放

疯狂点击确认页面制作

selectdok.wxml

疯狂单击</text>

<；/图像>

<；/图像>

爆炸热：｛｛w温度｝｝</text>

确定</按钮>

密封</按钮>

selectdok.js

var util=require（'../../utils/utils.js'）；

常量数据库=wx.cloud.database（）

const_=数据库命令；

第页({

数据：{

w温度：0

},

添加：函数（）{

wx.show加载({

标题：