classroom-music-activation/miniprogram/pages/index/index.wxml

<view class="pageContainer">
  <!--index.wxml-->
  <scroll-view class="scrollarea" bounces="false" scroll-y="{{popupShow ? false : true}}" type="list">
    <view class="container">
      
      <view class="goodsSection">
        <view class="goodsIntro">
          <view class="images">
            <block wx:for="{{goodsImgList}}" wx:key="index">
              <!--  bind:tap="onPreivewGoodsImg" -->
              <image mode="widthFix" data-src="{{item}}" src="{{item}}"></image>
            </block>
          </view>
        </view>
      </view>

      <view class="bottom-section">
        <view class="orders" bind:tap="onOrder">
          <image src="./images/icon-order.png" />
          <text>我的订单</text>
        </view>
        <view class="orders" bind:tap="onBuyGoods">
          <image src="./images/icon-buy.png" />
          <text>申请加入</text>
        </view>
      </view>


      <van-popup show="{{ popupShow }}" safe-area-inset-bottom="{{false}}" lock-scroll="{{true}}" bind:close="onClose" position="bottom" round z-index="101">
        <view class="popup-section">
          <image bind:tap="onClose" src="./images/icon-close-1.png" class="iconClose"></image>
          <!-- wx:if="{{popupShow}}" -->
          <!-- <view class="popup-mask" bind:tap="onClose"></view> -->
          
          <!-- <view class="popup-container">
                
              </view> -->
        </view>
      </van-popup>
    </view>

    <!-- <service popShow="{{ showService }}" bind:changePop="changePop"></service> -->
    <van-popup show="{{ showBuyer }}" safe-area-inset-bottom="{{false}}" lock-scroll="{{true}}" bind:close="onCloseBuyer" position="bottom" round z-index="101">
      <image src="./images/icon-back.png" class="icon-close-pop" bind:tap="onCloseBuyer" />
      <view class="container-pop">
        <view class="pop-address-title">享用者信息</view>
        <view class="section">
          <view class="section-content">
            <van-field label="姓名" model:value="{{ name }}" maxlength="15" placeholder="请填写享用者姓名" />
            <van-field label="电话号码" model:value="{{ phone }}" maxlength="11" type="number" placeholder="请填写电话号码" />
            <van-field label="性别" placeholder="请选择性别" value="{{ gender ? (gender === '1' ? '男' : '女') : '' }}" is-link readonly bind:tap="onCheckedGender"></van-field>

            <van-field label="学校地区" value="{{ provinceName ? provinceName + '/' + cityName +  (regionName ? ('/' + regionName) : '') : '' }}" bind:tap="onShowAreaList" placeholder="请选择学校地区" is-link readonly />

            <van-field model:value="{{ schoolAreaName }}" label="所在学校" placeholder="请选择所在学校" is-link readonly bind:tap="onSelectSchool" />
            <van-field value="{{ currentGradeTxt }}" label="所在年级" placeholder="请选择所在年级" is-link readonly bind:tap="onSelectGradeClass" />
            <van-field value="{{ currentClassTxt }}" label="所在班级" placeholder="请选择所在年级" is-link readonly bind:tap="onSelectClass" />
          </view>
        </view>

        <view class="pop-btn-group">
          <button disabled="{{ buyerLoading }}" class="submit-btn" bind:tap="onSubmitBuyer">保存信息</button>
        </view>
      </view>


    </van-popup>

    <!-- 性别 -->
    <van-action-sheet z-index="103" show="{{ showGender }}" actions="{{ genderList }}" description="选择性别" cancel-text="取消" bind:close="onCloseGender" bind:cancel="onCloseGender" bind:select="onSelectGender" />

    <!-- 地区 -->
    <van-popup round="{{true}}" lock-scroll="{{true}}" z-index="{{103}}" show="{{showArea}}" position="bottom" safe-area-inset-bottom="{{false}}" bind:close="onCloseAreaList" bind:after-leave="onAreaAfterLeave" bind:before-enter="onAreaBeforeEnter">
      <van-area wx:if="{{ !showAreaAfterLeave }}" id='area1' areaList="{{areaList}}" visible-item-count="8" 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" bind:after-leave="onSchoolAfterLeave" bind:before-enter="onSchoolBeforeEnter">
      <view class="toolbar-top">
        <view class="toolbar-cancel" bind:tap="onCloseSchool">取消</view>
        <view class="toolbar-confirm" bind:tap="onSubmitSchool">确认</view>
      </view>
      <view class="select-school">
        <van-field border="false" value="{{ provinceName ? provinceName + ' ' + cityName + ' ' + regionName : '' }}" bind:tap="onShowAreaList" placeholder="请选择学校地区" is-link readonly />
      </view>
      <view class="searchList" wx:if="{{ !showSchoolAfterLeave }}">
        <van-search value="{{ searchName }}" use-left-icon-slot use-action-slot show-action custom-class="searchInput" placeholder="请输入学校名称关键词" bind:search="onSearch" bind:clear="onSearch" bind:change="onSearchChange">
          <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 }}" wx:if="{{ !showSchoolAfterLeave && schoolAreaList.length > 0 }}" columns="{{ schoolAreaList }}" bind:change="onChangeSchool" visible-item-count="6" default-index="{{ schoolAreaIndex }}">
      </van-picker>
      <view class="empty-box" wx:if="{{ schoolAreaList.length <= 0 }}">
        <view class="empty_loading" wx:if="{{ schoolLoading }}">
          <van-loading color="#1989fa" />
        </view>
        <image mode="widthFix" src="https://oss.dayaedu.com/ktyq/1731839238916.png"></image>
        <view class="empty-text">暂无数据</view>
      </view>
    </van-popup>


    <!-- 年级 -->
    <van-popup round="{{true}}" lock-scroll="{{true}}" z-index="{{102}}" show="{{showGradeClass}}" position="bottom" safe-area-inset-bottom="{{false}}" bind:close="onCloseGradeClass" bind:after-leave="onGradeClassAfterLeave" bind:before-enter="onGradeClassBeforeEnter">
      <van-picker wx:if="{{ !showGradeClassAfterLeave }}" columns="{{ gradeGradeList }}" visible-item-count="6" show-toolbar default-index="{{ gradeGradeIndex }}" bind:cancel="onCloseGradeClass" bind:confirm="onSubmitGradeClass">
      </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" bind:after-leave="onClassAfterLeave" bind:before-enter="onClassBeforeEnter">
      <van-picker wx:if="{{ !showClassAfterLeave }}" columns="{{ classList }}" visible-item-count="6" show-toolbar default-index="{{ classIndex }}" bind:cancel="onCloseClass" bind:confirm="onSubmitClass">
      </van-picker>
    </van-popup>
  </scroll-view>
</view>