微信小程序驾照考题项目

我渲染出了api接口所有的题目，我要怎么做才可以一个页面一道题目。

<view>
    <view class="box">
        <block wx:for="{{3}}" wx:for-index="index">
            <view class="box1">{{index}}</view>
        </block>
    </view>
</view>
css-------------
.box1 {
    display: inline-block;
    box-sizing: border-box;
    width: 750rpx;
    height: 812rpx;
    border: 1rpx solid aqua;
    flex-shrink: 0;
}
page {
    overflow: hidden
}
.box {
    width: 750rpx;
    display: flex;
    flex-direction: row;
    transform: translateX(-1500rpx);
}

思路就是每次点下一到题的时候让 .box向左移动 x*-750rpx，x是多少，自己根据index来算，就这样

那你渲染应该只渲染一个。 然后左右滑时（获者点击上下一题），动态改变 其值。就是用 arr[下标控制]，默认是arr[0].下一题就是 arr[i+1].上一题相反

你获取到的是题目列表，一个界面只要显示其中一道题即可。

用swiper

我觉得可以用数据库记录已经做好的题目。然后设置一个答题按钮，回答完问题后点击这个按钮，可以用wx.request绑定函数对后端发起请求刷新图片和题目。js文件用变量来表示，res.data.question获取问题具体要求，其他的也类似。wxml放一个text和image组件就可以了。