php 答题 一页一题,微信小程序答题,怎么设计页面渲染,答完一题,跳到下一题...
想要的效果
1.第一页只显示第一道题的内容,如图红框
2.答题后,点击下一题,内容显示第二道题的内容
代码
answer.wxml
全民答题
总共1/10题
{{index+1}}: {{item.title}}
{{select.content}}
上一题
下一题
answer.js
// pages/answer/answer.js
Page({
/**
* 页面的初始数据
*/
data: {
array: [{
id: 1,
title: '1+1=?',
select: [{
id: 1,
content: "选项一"
}, {
id: 2,
content: "选项二"
}, {
id: 3,
content: "选项三"
}, {
id: 4,
content: "选项四"
}]
}, {
id: 2,
title: '2+2=?',
select: [{
id: 1,
content: "选项一"
}, {
id: 2,
content: "选项二"
}, {
id: 3,
content: "选项三"
}, {
id: 4,
content: "选项四"
}]
}, {
id: 3,
title: '3+3=?',
select: [{
id: 1,
content: "选项一"
}, {
id: 2,
content: "选项二"
}, {
id: 3,
content: "选项三"
}, {
id: 4,
content: "选项四"
}]
}]
},
nextAnswer: function () {
wx.showToast({
title: '已答,跳转到下一题',
icon: 'success',
duration: 2000
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
php 答题 一页一题,微信小程序答题,怎么设计页面渲染,答完一题,跳到下一题...相关推荐
- 微信小程序的订单评论页面-仿淘宝
微信小程序的订单评论页面-仿淘宝 在网上搜了下,大部分都挺麻烦的,所以自己写了个,感觉还可以 先看效果图: 需要用到的图片: 上代码: wxml: <view class='contains'& ...
- 土著刷题微信小程序迭代新增更多的实用功能,试题查重、导出、笔记~~~
土著刷题微信小程序v1.5迭代了几个较为实用的功能,算是一个小版本中的大版本,安排的工作量还算合理,刚好赶上国庆节假期,趁此集中精力全力开发,接下来就逐一介绍v1.5主要的迭代新增功能. 试题查重 平 ...
- 小程序源码:网课查题微信小程序源码下载,题库资源丰富自动采集,支持语音拍照识别
这是一款网课查题微信小程序源码 题库资源丰富自动采集, 支持语音拍照识别 该款采用接口方式,所以题库自动全网采集 而且该款小程序无需服务器和域名即可搭建 大家解压源码然后使用微信开发者工具打开源码 然 ...
- 功能强大UI美观的视频答题猜歌闯关娱乐微信小程序源码
正文: 功能强大UI美观的视频答题猜歌闯关娱乐微信小程序源码下载 后台管理资源本地化带数据和视频教程,这是一款拥有后端的闯关娱乐小程序. 支持个人小程序和企业小程序上线运营 功能强大齐全,带数据本地化 ...
- 多接口网课题库等综合搜题微信小程序源码带流量主
多接口网课题库等综合搜题微信小程序源码带流量主,网课搜题小程序 下载:https://download.csdn.net/download/qq_45102995/87785387
- 微信小程序返回上一级页面时刷新页面
问题描述: 微信小程序返回上一级页面时需要重新加载一下数据 问题解决: 方法一: 在需要返回的页面的onShow(){}方法中调用要刷新数据的方法 方法二: goBack(){let pages = ...
- 微信小程序学习6:页面生命周期回调函数
微信小程序学习6:页面生命周期回调函数 文章目录 微信小程序学习6:页面生命周期回调函数 1 生命周期图像 2 生命周期回调函数触发条件 onLoad(Object query) onShow() o ...
- 微信小程序动态更改标题栏_微信小程序实现动态设置页面标题的方法【附源码下载】...
本文实例讲述了微信小程序实现动态设置页面标题的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① WXML文件 标题1 标题2 标题3 还原 ② JS文件 Page({ // 设置 ...
- 微信小程序web-view 外部引用h5页面调用摄像头录制视频 配有提示音
微信小程序web-view 外部引用h5页面调用摄像头录制视频 配有提示音 1.目前的需求是什么 2.都踩了那些坑 1.小程序 2.h5语音提示 3.语音合成声音录制不进去,ios有时候是麦克风,有时 ...
最新文章
- android log时间,android – Logcat的日志时间戳不按顺序排列
- python写错了怎么更改-Python中修改字符串的四种方法
- 全球及中国认知文档处理行业运营策略与应用前景分析报告2022版
- Scala代码案例:判断一个年份是否是闰年
- Qt C++属性类型提供给 QML调用(一)
- 学习ccna,ccnp中如何提高英语问题
- 催人泪下!一个程序员的悲惨故事
- SAMBA服务和FTP/sshd 服务讲解
- 将pdm换成mysql表结构 报错_MySQL随机生成百万级别数据
- 如何加载CASS DAT格式文件
- 关于语法节点Tree、类型Type和符号Symbol
- 海外 Android 三方应用市场
- 工大助手--加权平均分计算
- 项目管理工具project软件学习(二) - 自定义日历【标准+节假日】
- windows多线程编程1
- poj 1755 Triathlon (半平面交解一元二次不等式)(切割求半平面交)
- Maximo 容器化改造试验
- Learning to Predict Context-adaptiveConvolution for Semantic Segmentation阅读笔记
- GS108E+GS105E+TP-LINK TL-WDR5620实现联通家庭宽带IPTV单线复用教程
- 小linux软件下载,超小的Linux发行版Puppy Linux 8.0发布下载