本文已参与「新人创作礼」活动.一起开启掘金创作之路。
上一篇文章我们完成了英汉互译以及写作练习两个页面，接下来我们要完成阅读理解这个页面。
- 阅读理解这个页面主要分为题目以及题目两个部分，题目还是一样采用固定的方式，而题目和答案我在文章底部设置了一个button按钮点击查看题目和答案，点击后出现的是一个可以滚动轮播的题目组，可以左右轮播也可以下拉滚动，具体的展示效果如下图：
- 阅读文章部分没啥好说的，倒计时也是之前说过的一个uni-app的组件，就是注意段落分配就行，然后我们在阅读文章下面添加个button按钮并且绑定一个事件，点击后可以在底部弹出我们的题目以及答案，
<button @tap="open" type="primary">点我看题目和答案</button>，然后我们在uView官网中找到一个弹出层组件，具体的链接如：www.uviewui.com/components/… 并且绑定一个show值，点击按钮时show值为true，弹出内容
- 然后就是弹出层弹出的内容了，这里我用到了swiper，之前我一直以为swiper只能用来做轮播图，这次我将他用来做左右滚动内容，我们在HBuilder中输入swiper后回车就可以出现大量swiper代码了，我们需要删除他的全部属性，然后里面写swiper-item,由于没有接口数据，我就在data中return了一些数据用来循环渲染，然后这个弹出内容的代码就如下图所示：
data中return的数据如下：
这样我们点击查看题目和答案按钮这个弹出层就会出现了，然后通过左右滚动来切换下一题或者上一题，下拉还可以看到答案。
