您的位置:首页 > 移动开发 > 微信开发

答题微信小程序实现(3):退出/闯关成功

2018-01-25 21:08 621 查看
答题小程序步骤分解。

1.答题。

2.积分。

3.积分到上限,退出小程序,提示闯关成功。

先上极简模板。



1中点击计数,计数达到6,跳转2,闯关成功,3是小程序结构,加了一个success目录success页面,wxml文件中只有一行,如4。

<text>闯关成功</text>


就是在点击计数中,再加了一个if语句。

index.wxml中的代码没变,index的值清个零。

<view>{{index}}</view>

<button bindtap="jishu">计数</button>


index.js中的代码如下:

var app = getApp()
Page({
data: {
index: 0,
},
jishu: function () {
var that = this;
if (that.data.index > 5){
wx.navigateTo({
url: '../success/success',
})

}
else{
this.setData({ index: that.data.index + 1 });
}

}

})


if语句的意思就是如果积分大于5的话,就跳转page/success/success页面,如果不大于5的话,就在原数的基础上加1。

就这样,这个研究明白了,下面就要再想想怎么读入题库。可以用require方式,这样的话题库文件是单独的,修改也方便。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  微信
相关文章推荐