适合新手的简单猜拳小程序.rar

  • I0_883682
    了解作者
  • 232.5KB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-27 04:56
    上传日期
适合新手练习的微信小程序,很简单的一个页面,简单易懂
适合新手的简单猜拳小程序.rar
  • 猜拳小程序
  • app.json
    450B
  • pages
  • index
  • index.js
    2.9KB
  • index.json
    27B
  • index.wxss
    723B
  • index.wxml
    801B
  • img
  • wenhao.jpg
    13KB
  • jiandao.png
    73.1KB
  • bu.png
    76.7KB
  • shitou.png
    67.2KB
  • app.wxss
    0B
  • app.js
    13B
  • project.config.json
    659B
内容介绍
let timeout; Page({ /** * 页面的初始数据 */ data: { winNum: 0, winOrLost: '', aiimg: '../img/shitou.png', userimg: '../img/wenhao.jpg', imgSrc: [ '../img/shitou.png', '../img/jiandao.png', '../img/bu.png' ], }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { //页面一进来就一直切换电脑的图片 this.pageGo(); }, //重来 startAgain() { this.setData({winNum: 0}) this.timeGo(); this.setData({ userimg: '../img/wenhao.jpg' }) }, //再来一局 //如果想下次打开接着上次 可以存进内存 again() { console.log(123) this.timeGo(); this.setData({userimg:'../img/wenhao.jpg'}) }, //赢的次数累加 numAdd() { let n = this.data.winNum n++ this.setData({winNum: n}) this.setData({ winOrLost: '你赢了' }) }, //点击图片 imgClick(e) { let num = 0; console.log(e) this.setData({userimg:this.data.imgSrc[e.target.id]}) clearInterval(timeout) console.log(this.data.aiimg,'22222') if (e.target.id == "2" && this.data.aiimg == "../img/shitou.png") { // console.log('11111111111111') // this.setData({ winOrLost: '你赢了'}) // num++ // this.setData({winNum:num}) this.numAdd() } else if (e.target.id == "1" && this.data.aiimg == "../img/bu.png") { // this.setData({ winOrLost: '你赢了' }) // num++ // this.setData({ winNum: num }) this.numAdd() } else if (e.target.id == "0" && this.data.aiimg == "../img/jiandao.png") { // this.setData({ winOrLost: '你赢了' }) // num++ // this.setData({ winNum: num }) this.numAdd() } else if (this.data.imgSrc[e.target.id] == this.data.aiimg) { this.setData({ winOrLost: '这局打平' }) } else { this.setData({ winOrLost: '你输了' }) } }, pageGo() { this.timeGo(); }, timeGo() { timeout = setInterval(() => { let arrIndex = Math.floor(Math.random() * this.data.imgSrc.length) this.setData({ aiimg: this.data.imgSrc[arrIndex] }) },100) }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })
评论
    相关推荐