// pages/game/game.js
var gameLength = 0
var flag = 0
var colorRed = "rgb(229,71,71)"
var colorGreen = "rgb(131,193,193)"
Page({
/**
* 页面的初始数据
*/
data: {
gameList: [],
randomNum: 0,
gameOne: {},
btnColor: ["", "", "", ""],
txtColor: ["", "", "", ""]
},
check: function (option) {
if (flag == 1) return
else flag = 1
var choice = option.currentTarget.dataset.choice
var answer = option.currentTarget.dataset.answer
var pos = parseInt(choice, 16) - parseInt('A', 16)
var ansPos = parseInt(answer, 16) - parseInt('A', 16)
console.log(pos)
var up = "btnColor[" + pos + "]"
var ansUp = "btnColor[" + ansPos + "]"
var upTxt = "txtColor[" + pos + "]"
var ansUpTxt = "txtColor[" + ansPos + "]"
if (choice != answer) {
this.setData({
[up]: colorRed,
[ansUp]: colorGreen,
[upTxt]: "white",
[ansUpTxt]: "white"
})
} else {
this.setData({
[up]: colorGreen,
[upTxt]: "white"
})
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// var gameData = {
// "state": 1,
// "result": [{
// "qId": 1,
// "flowerName": "彼岸花",
// "question": "上图显示的是什么花?",
// "optionA": "彼岸花",
// "optionB": "桃花",
// "optionC": "樱花",
// "optionD": "梅花",
// "answer": "A"
// }, {
// "qId": 2,
// "flowerName": "牡丹",
// "question": "上图显示的是什么花?",
// "optionA": "彼岸花",
// "optionB": "牡丹花",
// "optionC": "樱花",
// "optionD": "梅花",
// "answer": "B"
// }, {
// "qId": 3,
// "flowerName": "睡莲",
// "question": "上图显示的是什么花?",
// "optionA": "彼岸花",
// "optionB": "牡丹花",
// "optionC": "睡莲",
// "optionD": "梅花",
// "answer": "C"
// }]
// }
wx.request({
url: 'http://127.0.0.1:5656/game',
header: {
'content-type': 'application/json'
},
success(gameData) {
gameLength = gameData.result.length
this.setData({
gameList: gameData.result
})
}
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
if (typeof this.getTabBar === 'function' &&
this.getTabBar()) {
this.getTabBar().setData({
selected: 2,
list: [{
pagePath: "../article/article",
iconPath: "../data/知识.png",
selectedIconPath: "../data/知识2.png",
text: "知识科普"
}, {
pagePath: "../recognition/recognition",
iconPath: "../data/相机.png",
selectedIconPath: "../data/相机2.png",
text: "花卉识别"
}, {
pagePath: "../game/game",
iconPath: "../data/我来回答.png",
selectedIconPath: "../data/我来回答2.png",
text: "趣味问答"
}]
})
}
var ranNum = Math.floor(Math.random() * gameLength)
this.setData({
randomNum: ranNum,
btnColor: ["", "", "", ""],
txtColor: ["", "", "", ""]
})
flag = 0
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
没有合适的资源?快使用搜索试试~ 我知道了~
基于JavaScript开发实现的花卉识别小程序源码
共59个文件
png:14个
jpg:10个
js:10个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 175 浏览量
2021-10-16
23:14:25
上传
评论
收藏 1.17MB ZIP 举报
温馨提示
基于JavaScript开发实现的花卉识别小程序源码
资源推荐
资源详情
资源评论
收起资源包目录
基于JavaScript开发实现的花卉识别小程序源码.zip (59个子文件)
基于JavaScript开发实现的花卉识别小程序源码
sitemap.json 191B
pages
game
game.wxss 799B
game.wxml 1KB
game.js 4KB
game.json 27B
photograph
photograph.wxml 541B
photograph.json 27B
photograph.js 2KB
photograph.wxss 206B
recognition
recognition.wxml 644B
recognition.wxss 723B
recognition.json 27B
recognition.js 3KB
article
article.js 3KB
article.json 27B
article.wxss 1KB
article.wxml 1KB
logs
logs.js 308B
result
result.wxss 1KB
result.wxml 952B
result.js 1KB
result.json 27B
.eslintrc.js 587B
app.json 1KB
project.config.json 2KB
app.js 364B
data
flower.webp 59KB
app.rar 558KB
知识.png 6KB
image_00262.jpg 36KB
观看.png 6KB
f4.jpg 13KB
f2.jpg 37KB
下载.png 4KB
我来回答.png 4KB
菊花.jpg 18KB
睡莲.jpg 27KB
相机.png 7KB
1.png 49KB
点赞.png 7KB
错误.png 4KB
杜鹃.jpg 48KB
知识2.png 6KB
相机_s.png 5KB
返回.png 5KB
日历.png 5KB
牡丹.jpg 43KB
image_01246.jpg 35KB
相机2.png 8KB
我来回答2.png 4KB
f3.jpeg 114KB
彼岸花.jpg 36KB
月季.jpg 31KB
custom-tab-bar
index.wxml 539B
index.js 825B
index.json 23B
index.wxss 643B
utils
util.js 460B
app.wxss 194B
共 59 条
- 1
资源评论
mYlEaVeiSmVp
- 粉丝: 1948
- 资源: 19万+
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功