开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第24天，点击查看活动详情
上一篇文章中我们完成了进度条以及倒计时的组件添加，美化了一下页面，接下来就是答题功能的重点了，当用户答对的时候切换下一题，题目下方按钮可以切换上一题。
- 那个倒计时的时间改变的代码如下所示：
<view class="time">
<u-icon name="hourglass-half-fill" color="#34e2a3" size="28"></u-icon>
<u-count-down
class="tim"
:time="65 * 70 * 70"
format="HH:mm:ss"
></u-count-down>
</view>
这里也将倒计时沙漏的颜色改为了我们的主题色青色
- 然后是题目的切换了，这里我们定义一个num,初始值为第一个即为1，当用户答对了之后我们的num就++，然后这里添加了一个num,那每一个[]里面的0都需要替换为num，这样每当用户答对了一题所有的数据都会变化，比如说下面这些：
这样当我们通过if判断的时候就可以切换到下一个题目了，当然在groupChange进行正确与否的判断的最后需要判断这个num是否超过了数组长度的最大值，如果this.num == 9，就弹出一个模态框，提示用户本轮答题已经结束，模态框的代码如下所示：
<u-modal
:show="show"
:title="title"
:content="content"
:showCancelButton="true"
@confirm="confirm"
@cancel="cancel"
></u-modal>
一开始的show的值为false，然后当num超过了数组长度这个show就变为true，弹出提示框提示用户本轮答题已经结束，当用户点击取消的时候可以关闭模态框，当用户点击确定的时候会返回到上一级页面
