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

<page-meta page-style="{{ showArea || showSchool || showGrade || showClass ? 'overflow: hidden;' : '' }}" style="height: 100vh;">
  <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="topTit">个人信息</view>
        <view class="fromCon">
          <text class="fromTit">手机号码</text>
          <view class="fromIpt">
            <van-field maxlength="11" model:value="{{ phone }}" input-align="left" type="{{ 'number' }}" placeholder="请输入手机号码" border="{{ false }}" />
          </view>
        </view>
        <view class="fromCon">
          <text class="fromTit">学生姓名</text>
          <view class="fromIpt">
            <van-field maxlength="14" model:value="{{ name }}" input-align="left" 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">
              <image src="{{ gender==='1'?'./images/radioAct.png':'./images/radio.png' }}" mode="" />
              <text>男生</text>
            </view>
            <view class="gender {{gender==='0'?'active':''}}" bind:tap="onCheckGender" data-gender="0">
              <image src="{{ gender==='0'?'./images/radioAct.png':'./images/radio.png' }}" mode="" />
              <text>女生</text>
            </view>
          </view>
        </view>
      </view>
      <view class="fromBox">
        <view class="topTit">学校信息</view>
        <view class="fromCon">
          <text class="fromTit">学校地区</text>
          <view class="fromIpt">
            <van-field placeholder="请选择学校地区" value="{{  provinceName  + cityName  + regionName}}" input-align="left" 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="left" 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 + className }}" input-align="left" bind:tap="onSelectGrade" 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 wx:if="{{showArea}}" areaList="{{areaList}}" visible-item-count="6" item-height="46" value="{{  regionCode || cityCode }}" 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">
      <block wx:if="{{showSchool}}">
        <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 wx:if="{{schoolAreaList.length}}" loading="{{ schoolLoading }}" columns="{{ schoolAreaList }}" bind:change="onChangeSchool" visible-item-count="6" default-index="{{ schoolAreaIndex }}">
        </van-picker>
        <view wx:else class="empty-box">
          <image src="https://oss.dayaedu.com/ktyq/1739278149891.png"></image>
          <view class="empty-text">暂无数据</view>
        </view>
      </block>
    </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 wx:if="{{ showGrade }}" columns="{{ gradeList }}" visible-item-count="6" show-toolbar bind:cancel="onCloseGrade" bind:confirm="onSubmitGrade" bind:change="onGradeChange">
      </van-picker>
    </van-popup>
  </view>
</page-meta>