简单小程序代码_在线答题小程序代码开源

以下是一个简单的在线答题小程序的代码示例，使用了微信小程序开发框架：

首页 index.wxml：

<view class="container">
  <view class="title">欢迎来到在线答题</view>
  <view class="subtitle">共{{total}}题</view>
  <view class="button" bindtap="start">开始答题</view>
</view>

首页对应的 JS 页面 index.js：

Page({
  data: {
    total: 10, // 总题数
  },
  start: function() {
    wx.navigateTo({
      url: '../question/question',
    })
  }
})

题目页面 question.wxml：

<view class="container">
  <view class="title">{{question.title}}</view>
  <view class="options" wx:for="{{question.options}}" wx:key="index" bindtap="select">
    <view class="option {{option.selected ? 'selected' : ''}}" data-index="{{index}}">{{option.text}}</view>
  </view>
</view>

题目页面对应的 JS 页面 question.js：

Page({
  data: {
    question: {
      title: '这是一道测试题目',
      options: [
        {
          text: '选项 A',
          selected: false,
        },
        {
          text: '选项 B',
          selected: false,
        },
        {
          text: '选项 C',
          selected: false,
        },
        {
          text: '选项 D',
          selected: false,
        },
      ],
    },
  },
  select: function(event) {
    const index = event.currentTarget.dataset.index;
    const options = this.data.question.options.map((option, i) => {
      if (i === index) {
        option.selected = true;
      } else {
        option.selected = false;
      }
      return option;
    });
    this.setData({
      'question.options': options,
    });
  },
})

以上是一个简单的在线答题小程序的代码示例，可以根据实际需求进行修改和扩展。