uniapp实现简单答题模板（二）

使用uniapp实现简单答题模板 功能描述： 实现移动端在线答题（本文章仅实现前端静态答题） 效果图 1、首页 2、答题页面 3、答题卡 代码地址：

https://gitee.com/remaining-zheng/uniapp_1

并把 :style="[getBackgroundColor(item)]"，修改为:style="getBackgroundColor(item)"代码中有些地方判断写的没必要，懒得改了，xdm看不惯自己改吧 hhhhhhh ^_^。微信小程序页面，如果要修改为H5，直接把view标签修改为div，

<view v-for="item,index of tilist" :key="item.id" v-if="index===isti" class="topic"> <view class="topic_1"> <view class="topic_1_1">{{item.id+1}}</view> <view class="topic_1_2">/{{tilist.length}}</view>

前面会有个首页，有个按钮是需要用户点击的，然后跳转到题目页，这个比较简单，就没有加上，我这个是一进入首页会有个背景音乐自动播放,另外一篇博客有实现（进入H5页面，音乐自动播放） 选择一个题是，自动进入到下一个题目，这里我没有加选择选项时的一个样式的变化。因为某些原因，这个背景图是临时网上随便找的来替换的。我这里只给了六个题目，下标小于题目个数时，下标+1,来控制题目得转换。后面的结果页，也是由判断得来得，判断一下当前下标是否跟题目得个数相同，如果相同则请求接口跳转到结果页，附上代码： HTML代码 &lt

大体思路是：每答一题，点击按钮就提交当前的题的答案，当用户点提交后，改变status权限，则答题完成。然后返回此前记录的正确答案数组，比对自己的答案，绿色正确，红色错误。 答题包含，单选，多选以及填空 <template> <view> <view class="padding radius light bg-yellow"> <text>{{time}}</text> <text class="fr text-xl"

请根据近一年的体验和感觉，回答以下问题： 1、你手脚发凉吗？

我是独自开发的微信公众号一个考试系统，用的是uniapp框架,这里我对框架进行了一个接口的封装，我们这里后端把appId 以及uid 相关微信授权的信息都是后端处理的，到我这里我只拿到一个token， 后台校验。 在这里我做的是验证是，是否为微信打开的，便于开发，我就用到了natapp来测试开发 判断是不是微信客户端打开 这里是后端给我的授权信息地址，他们会重定向到我的页面把token值扔在地...

代码段： <view class="result-tips"> <view class="msg"> <view class="blue"></view> <view class="msg-tip">蓝色为正确答案</view> </view> <view class="msg">

项目演示 总体代码 <template> <view> <!-- #ifdef MP-WEIXIN --> <view class="zhanwei"> <!-- #endif --> <!-- #ifdef H5 --> <view class="zhanwei2"> <!-- #endif --> <view style="margin-top: 30rpx;marg