【wx小程序】一个简单的答题小界面


前言

最近在写学校的项目,涉及做个答题界面,网上逛了一圈感觉都很复杂,我小小的项目也不大需要那些花活,所以自己半写半改整了个极简风的答题界面。咱大学牲写代码主打一个支离破碎,欢迎各位大佬指点。

1.wxml(前端界面渲染)

<block wx:for="{
   {questions}}">
  <view class='naire'>
    <view class='question'>{
   {
   index+1}}. {
   {
   item.question}}</view>
    <!--view class='border' /-->
    <radio-group class='radio-group' name='answer' bindchange='radioChange' data-question-id='{
   {item.id}}'>
      <label class='radio'>
        <radio value="A" color='#fcbe39' />{
   {
   item.answers.a}}
      </label>
      <label class='radio'>
        <radio value="B" color='#fcbe39' />{
   {
   item.answers.b}}
      </label>
      <label class='radio'>
        <radio value="C" color='#fcbe39' />{
   {
   item.answers.c}}
      </label>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值