classroom-music-activation/miniprogram/pages/member/addMember.wxml

<view class="addMember">
  <navigation-bar title=""></navigation-bar>
  <view class="appBg"></view>
  <scroll-view scroll-y class="addMemberCon">
    <view class="labelCon">
      <view class="labelLeft">
        <image src="./images/label1.png"></image>
        <text>为了提供更好的服务，请您耐心填写以下内容</text>
      </view>
      <image class="labelRight" src="./images/label2.png"></image>
    </view>
    <view class="fromBox firstFromBox">
      <view class="fromCon">
        <text class="fromTit">联系电话</text>
        <view class="fromIpt">
          <van-field model:value="{{ phone }}" input-align="right" type="{{ 'number' }}" placeholder="请输入联系电话" border="{{ false }}" />
        </view>
      </view>
      <view class="fromCon">
        <text class="fromTit">学生姓名</text>
        <view class="fromIpt">
          <van-field model:value="{{ name }}" input-align="right" placeholder="请输入学生姓名" border="{{ false }}" />
        </view>
      </view>
      <view class="fromCon">
        <text class="fromTit">学生性别</text>
        <view class="fromIpt genderIpt">
          <view class="gender {{gender==='1'?'active':''}}" bind:tap="onCheckGender" data-gender="1">男</view>
          <view class="gender {{gender==='0'?'active':''}}" bind:tap="onCheckGender" data-gender="0">女</view>
        </view>
      </view>
    </view>
    <view class="fromBox">
      <view class="fromCon">
        <text class="fromTit">学校地区</text>
        <view class="fromIpt">
          <van-field placeholder="请选择学校地区" value="{{  provinceName  + cityName  + regionName}}" input-align="right" bind:tap="onShowAreaList" border="{{ false }}" is-link readonly />
        </view>
      </view>
      <view class="fromCon">
        <text class="fromTit">所在学校</text>
        <view class="fromIpt">
          <van-field placeholder="请选择学校" value="{{ schoolAreaName }}" input-align="right" bind:tap="onSelectSchool" border="{{ false }}" is-link readonly />
        </view>
      </view>
      <view class="fromCon">
        <text class="fromTit">所在年级</text>
        <view class="fromIpt">
          <van-field placeholder="请选择年级" value="{{ gradeName }}" input-align="right" bind:tap="onSelectGrade" border="{{ false }}" is-link readonly />
        </view>
      </view>
      <view class="fromCon">
        <text class="fromTit">所在班级</text>
        <view class="fromIpt">
          <van-field placeholder="请选择班级" value="{{ className }}" input-align="right" bind:tap="onSelectClass" border="{{ false }}" is-link readonly />
        </view>
      </view>
    </view>
    <view class="botBox"></view>
  </scroll-view>
  <view class="submitCon">
    <view class="subBtn" bind:tap="onSubmit">保存</view>
  </view>
  <!-- 地区 -->
  <van-popup round="{{true}}" lock-scroll="{{true}}" z-index="{{103}}" show="{{showArea}}" position="bottom" safe-area-inset-bottom="{{false}}" bind:close="onCloseAreaList">
    <van-area areaList="{{areaList}}" visible-item-count="6" item-height="46" value="{{ regionCode }}" bind:cancel="onCloseAreaList" bind:confirm="submitArea" />
  </van-popup>
  <!-- 学校 -->
  <van-popup round="{{true}}" lock-scroll="{{true}}" z-index="{{102}}" show="{{showSchool}}" position="bottom" safe-area-inset-bottom="{{false}}" bind:close="onCloseSchool">
    <view class="toolbar-top">
      <view class="toolbar-cancel" bind:tap="onCloseSchool">取消</view>
      <view class="toolbar-confirm" bind:tap="onSubmitSchool">确认</view>
    </view>
    <view class="areaListOpen" bind:tap="onShowAreaList">
      <text>{{ provinceName  + " " + cityName + " " + regionName}}</text>
      <image src="./images/chevron-down.png" />
    </view>
    <view class="searchList">
      <van-search use-left-icon-slot use-action-slot show-action placeholder="请输入学校名称关键字" value="{{ searchName }}" bind:search="onSearch" bind:change="onSearchChange" bind:clear="onSearch">
        <image slot="left-icon" src="./images/icon-search.png" class="icon-search" />
        <view slot="action" class="searchBtn" bind:tap="onSearch">搜索</view>
      </van-search>
    </view>
    <van-picker loading="{{ schoolLoading }}" columns="{{ schoolAreaList }}" bind:change="onChangeSchool" visible-item-count="6" default-index="{{ schoolAreaIndex }}">
    </van-picker>
  </van-popup>
  <!-- 年级 -->
  <van-popup round="{{true}}" lock-scroll="{{true}}" z-index="{{102}}" show="{{showGrade}}" position="bottom" safe-area-inset-bottom="{{false}}" bind:close="onCloseGrade">
    <van-picker columns="{{ gradeList }}" visible-item-count="6" show-toolbar bind:cancel="onCloseGrade" bind:confirm="onSubmitGrade" default-index="{{ gradeIndex }}">
    </van-picker>
  </van-popup>
  <!-- 班级 -->
  <van-popup round="{{true}}" lock-scroll="{{true}}" z-index="{{102}}" show="{{showClass}}" position="bottom" safe-area-inset-bottom="{{false}}" bind:close="onCloseClass">
    <van-picker columns="{{ classList }}" visible-item-count="6" show-toolbar bind:cancel="onCloseClass" bind:confirm="onSubmitClass" default-index="{{ classIndex }}">
    </van-picker>
  </van-popup>
</view>