这是一个上线的小程序，大家打开小程序，搜索“小学生必背诗词”，点击诗词答题按钮：单选题、判断题，即可体验。在这个小程序中，单选题有三个或四个选项，判断题有两个选项，由于判断题数目比较少，只有二十几个，因此把判断题和单选题合到一起，判断题相当于两个选项的单选题。下面，我就一步一步展示，这个小程序是如何做出来的。
一、小程序的页面结构
顶部是标题，诗词答题：单选题 判断题
整个页面设计从上到下分为五个区域：
1、题数和跳转题目显示区：包括题目序号、总题数、答对题数、输入题号框和跳转按钮。
2、题目显示区。
3、选项显示区：显示A、B、C和D四个选项。
4、答案显示区：显示答案判断结果、正确答案和原文。
5、底部按钮区：有三个按钮分别是上一题、核对答案原文和下一题。
二、单选题、判断题的页面显示要求：
1、单题显示（一个页面只显示一道题）
2、动态显示上一题、下一题。已经答过的题能显示之前做过的选择
3、能实现任何一题的快速跳转
4、核对答案，显示判断结果
5、记录答对的题数
三、单选题、判断题的页面显示wxml中的代码
我们主要看单选题、判断题wxml中的核心代码
在上面的代码中，选项C、D和A、B的代码有所不同，C项多了wx:if='{{xxc}}'。这样写的原因是单选题有三个或四个选项，判断题有两个选项。如果C选项有内容，就显示；如果C选项没有内容，就不显示。如果不写wx:if='{{xxc}}'，即使C选项没有内容，也会显示选项标识（圆圈）。D选项道理相同。
小程序搜索“小学生必背诗词”，即可体验。要源码联系：qq 3570340763
扫码体验
版权声明：本文为gaoshanpingyuan原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。