// pages/demosc/demosc.js
Page({
/**
* 页面的初始数据
*/
data: {
scTitle: '锄禾日当午',
scEmptyBtns:[
{ text: '', index: 0 },
{ text: '', index: 1 },
{ text: '', index: 2 },
{ text: '', index: 3 },
{ text: '', index: 4 },
],
words:[
"汗","滴","你","禾","我","下","土","哈"
]
},
handlClickword:function(e){
console.log(e.currentTarget.dataset.w); //固定写法,点击的参数
let curWord = e.currentTarget.dataset.w;
let fullFlag=true;
for (let i = 0; i < this.data.scEmptyBtns.length;i++){
if(this.data.scEmptyBtns[i].text==''){
this.data.scEmptyBtns[i].text = curWord;
if(i<4){
fullFlag = false;
}
break;
}
}
if (fullFlag){
let answer='';
for (let i = 0; i < this.data.scEmptyBtns.length; i++){
answer += this.data.scEmptyBtns[i].text;
};
if (answer=="汗滴禾下土"){
wx.showToast({
title: '成功',
})
}else{
wx.showToast({
title: '选择失败',
})
};
}
this.setData({
scEmptyBtns:this.data.scEmptyBtns
});
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
<view class='container'>
<view>{{scTitle}}</view>
<view class='sc-empty-block'>
<button class='sc-btn empty-btn' wx:for="{{scEmptyBtns}}" wx:item='item'>{{item.text}}</button>
</view>
<view class='sc-empty-block'>
<button bindtap='handlClickword' data-w='{{item}}' class='sc-btn' wx:for="{{words}}" wx:item='item'wx:key='key'>{{item}}</button>
</view>
</view>