关于微信小程序题库随机生成题目，要求题目不能重复出现。

最新推荐文章于 2025-07-12 11:44:10 发布

爱Java不爱前端

最新推荐文章于 2025-07-12 11:44:10 发布

阅读量1.8w

点赞数 7

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.youkuaiyun.com/u014654607/article/details/79956442

话不多说直接上代码，啥效果自己看吧:

wxml:

<view class="contain" style="background:url('https://wx4.sinaimg.cn/mw690/006aTqkAgy1fqbxen973gj30g20sgdk1.jpg'); background-size: cover">
<view  style="position:absolute; font-size:14px; left:10%; top:6%; right:10%; height:60rpx; line-height:60rpx; background:url('https://wx4.sinaimg.cn/mw690/006aTqkAgy1fqbxj98xa4j30vh0hq0tv.jpg'); background-size: cover">计时：{
  
  {time}}（注：每人5分钟的答题时间）
</view>
<view class="question"><text>题目：{
  
  {questionbody}}</text>
<button bindtap='disp' id='A' data-num="{
  
  {Ans}}" data-count="{
  
  {count}}" data-bindcount="{
  
  {bindcount}}" data-rightcount="{
  
  {rightcount}}" data-errorcount="{
  
  {errorcount}}" style="position:absolute; top:300rpx; background:url('https://wx4.sinaimg.cn/mw690/006aTqkAgy1fqbxj98xa4j30vh0hq0tv.jpg'); background-size: cover"><text>{
  
  {A}}</text>
</button>
<button bindtap='disp' id='B' data-num="{
  
  {Ans}}" data-count="{
  
  {count}}" data-bindcount="{
  
  {bindcount}}" data-rightcount="{
  
  {rightcount}}" data-errorcount="{
  
  {errorcount}}" style="position:absolute; top:400rpx; background:url('https://wx4.sinaimg.cn/mw690/006aTqkAgy1fqbxj98xa4j30vh0hq0tv.jpg'); background-size: cover"><text>{
  
  {B}}</text>
</button>
<button bindtap='disp' id='C' data-num="{
  
  {Ans}}" data-count="{
  
  {count}}" data-bindcount="{
  
  {bindcount}}" data-rightcount="{
  
  {rightcount}}" data-errorcount="{
  
  {errorcount}}" style="position:absolute; top:500rpx; background:url('https://wx4.sinaimg.cn/mw690/006aTqkAgy1fqbxj98xa4j30vh0hq0tv.jpg'); background-size: cover"><text>{
  
  {C}}</text>
</button>
<button bindtap='disp' id='D' data-num="{
  
  {Ans}}" data-c