school_meal_wxapp/components/l-form/index.wxml

<view class="form">
  <!-- 自定义 -->
  <van-cell-group>
    <!-- 地址 -->
    <block wx:for="{{formData}}" wx:key="index">
      <van-field wx:if="{{item.type=='address'}}" required="{{item.require}}" readonly label-class="label"
        label="{{item.label}}" value="{{item.value }}" error-message="{{item.err ? item.errmsg : ''}}" use-button-slot>
        <van-button bindtap="choose" data-index="{{index}}" slot="button" size="small">
          选择
        </van-button>
      </van-field>
      <!--多列选择器 -->
      <van-field wx:if="{{item.type=='picker'}}" required="{{item.require}}" readonly label-class="label"
        label="{{item.label}}" value="{{item.value }}" error-message="{{item.err ? item.errmsg : ''}}" use-button-slot>
        <van-button bindtap="pickerchoose" data-index="{{index}}" slot="button" size="small">
          选择
        </van-button>
      </van-field>
      <!-- 单选 -->
      <van-field input-class="disinput" wx:elif="{{item.type=='radio'}}" readonly label-class="label"
        label="{{item.label}}" use-button-slot>
        <van-radio-group slot="button" value="{{ item.value }}" bind:change="onChangeradio" data-index="{{index}}">
          <view class="flex">
            <view class="radio" wx:for="{{item.arr}}" wx:for-item="it" wx:for-index="in" wx:key="in">
              <van-radio name="{{it.value}}">
                {{it.type}}</van-radio>
            </view>
          </view>
        </van-radio-group>
      </van-field>
      <!-- 富文本 -->
      <van-field autosize wx:elif="{{item.type=='textarea'}}" required="{{item.require}}"
        maxlength="{{!item.maxlength ? -1 : item.maxlength}}" label-class="label" label="{{item.label}}"
        data-item="{{item}}" data-index="{{index}}" value="{{ item.value }}" bind:input="input" type="textarea"
        placeholder="{{item.placeholder}}" error-message="{{item.err ? item.errmsg : ''}}" />
      <!-- 复选框 -->
      <van-field input-class="disinput" wx:elif="{{item.type=='checkbox'}}" readonly label-class="label"
        label="{{item.label}}" use-button-slot>
        <van-checkbox slot="button" value="{{item.value}}" data-index="{{index}}" data-item="{{item}}"
          bind:change="onChange" />
      </van-field>
      <!-- 默认类型 -->
      <van-field wx:else maxlength="{{!item.maxlength ? -1 : item.maxlength}}" label-class="label"
        label="{{item.label}}" value="{{ item.value }}" bind:input="input" data-item="{{item}}" data-index="{{index}}"
        placeholder="{{item.placeholder}}" required="{{item.require}}"
        error-message="{{item.err ? item.errmsg : ''}}" />
    </block>
    <view class="button">
      <van-button round block type="info" bindtap="submit">提交</van-button>
    </view>
  </van-cell-group>
  <!-- 多列联动选择器 -->
  <view class="area" hidden="{{pickershow}}">
    <van-picker show-toolbar="true" columns="{{ columns }}" data-index="{{pickerindex}}" bind:change="pickerfunc"
      bind:cancel="pickercancel" bind:confirm="pickerconfirm" />
  </view>
  <!-- 地址 -->
  <view class="area" hidden="{{show}}">
    <van-area data-index="{{areaindex}}" bind:confirm="areaconfirm" bind:change="areachange" bind:cancel="cancel"
      columns-placeholder="{{ ['请选择', '请选择', '请选择'] }}" area-list="{{ areaList }}" />
  </view>
</view>