lex-xin 2 months ago
parent
commit
2676119df9
1 changed files with 186 additions and 208 deletions
  1. 186 208
      miniprogram/pages/index/index.wxml

+ 186 - 208
miniprogram/pages/index/index.wxml

@@ -1,248 +1,226 @@
-<swiper current="{{ currentIndex }}" indicator-dots="{{false}}" vertical="true" class="firstConainer">
-<!--  || !showBuyer || !showGender || showArea || showSchool || showGradeClass || showClass -->
-  <swiper-item wx:if="{{ !popupShow }}">
-    <view class="pageContainer firstPageContainer">
-      <navigation-bar title="器乐数字AI工具" back="{{false}}"></navigation-bar>
-      <swiper indicator-dots="{{false}}" class="fistSwiperSection" previous-margin="78rpx" next-margin="78rpx" bindchange="onFirstChange">
-        <swiper-item wx:for="{{firstImgList}}" wx:key="index">
-          <view class="swiper-item {{ firstCurrent == index ? 'current' : '' }}">
-            <image data-src="{{ item }}" src="{{ item }}"></image>
+<view class="pageContainer">
+  <!--index.wxml-->
+  <scroll-view class="scrollarea" bounces="false" scroll-y="{{popupShow ? false : true}}" type="list">
+    <view class="container">
+      <!-- <view class="topShadow"></view> -->
+      <view class="slider-count">{{current + 1}}/{{imgList.length}}</view>
+      <swiper indicator-dots="{{false}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" bindchange="changeSwiper">
+        <swiper-item wx:for="{{imgList}}" wx:key="index">
+          <view class="swiper-item">
+            <image bind:tap="onPreivewBannerImg" data-src="{{ item }}" src="{{ item }}"></image>
           </view>
           </view>
         </swiper-item>
         </swiper-item>
       </swiper>
       </swiper>
-      <view class="pageDot">
-        <view wx:for="{{firstImgList}}" wx:key="index" class="dot-item {{ firstCurrent == index ? 'current' : '' }}"></view>
-      </view>
 
 
-      <image src="./images/up-arrow.png" class="upArrow"></image>
-    </view>
-  </swiper-item>
-  <swiper-item>
-    <view class="pageContainer">
-      <!--index.wxml-->
-      <scroll-view class="scrollarea" bounces="false" scroll-y="{{popupShow ? false : true}}" type="list">
-        <view class="container">
-          <!-- <view class="topShadow"></view> -->
-          <view class="slider-count">{{current + 1}}/{{imgList.length}}</view>
-          <swiper indicator-dots="{{false}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" bindchange="changeSwiper">
-            <swiper-item wx:for="{{imgList}}" wx:key="index">
-              <view class="swiper-item">
-                <image bind:tap="onPreivewBannerImg" data-src="{{ item }}" src="{{ item }}"></image>
-              </view>
-            </swiper-item>
-          </swiper>
-
-          <view class="shop-section">
-            <view class="showPrice">
-              <view class="left">
-                <view class="currentPrice">
-                  <text class="stuff">¥</text>
-                  <text class="priceZ">{{ smallGoods.integerPart || 0 }}</text>
-                  <text class="priceF">.{{ smallGoods.decimalPart || '00' }}</text>
-                  <text class="after">起</text>
-                </view>
-                <!-- <view class="originPrice"></view> -->
-              </view>
-              <view class="right">
-                已售1w+
-              </view>
+      <view class="shop-section">
+        <view class="showPrice">
+          <view class="left">
+            <view class="currentPrice">
+              <text class="stuff">¥</text>
+              <text class="priceZ">{{ smallGoods.integerPart || 0 }}</text>
+              <text class="priceF">.{{ smallGoods.decimalPart || '00' }}</text>
+              <text class="after">起</text>
             </view>
             </view>
+            <!-- <view class="originPrice"></view> -->
+          </view>
+          <view class="right">
+            已售1w+
+          </view>
+        </view>
 
 
-            <view class="shopName">
-              <!-- {{ selected.name }} -->
-              器乐数字AI工具会员卡
-            </view>
+        <view class="shopName">
+          <!-- {{ selected.name }} -->
+          器乐数字AI工具会员卡
+        </view>
 
 
-            <view class="shopInfo">
-              一款专为音乐学习者、爱好者设计的音乐学习软件。通过先进的人工智能技术,为您提供全方位的乐理知识、日常练习和智能评分等功能,帮助您在音乐道路上更上一层楼。
-            </view>
+        <view class="shopInfo">
+          一款专为音乐学习者、爱好者设计的音乐学习软件。通过先进的人工智能技术,为您提供全方位的乐理知识、日常练习和智能评分等功能,帮助您在音乐道路上更上一层楼。
+        </view>
 
 
-            <view class="shop-btn">
-              <button bind:tap="onBuyShop" type="primary" disabled="{{ isOverSaled }}">立即享受专属权益</button>
-            </view>
-            <!-- <view class="btn-submit">立即享受专属权益</view> -->
-          </view>
+        <view class="shop-btn">
+          <button bind:tap="onBuyShop" type="primary" disabled="{{ isOverSaled }}">立即享受专属权益</button>
+        </view>
+        <!-- <view class="btn-submit">立即享受专属权益</view> -->
+      </view>
 
 
-          <view class="goodsSection">
-            <view class="goodsIntro">
-              <view class="title">图文详情</view>
-              <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 class="goodsSection">
+        <view class="goodsIntro">
+          <view class="title">图文详情</view>
+          <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>
 
 
-          <view class="bottom-section">
-            <view class="orders active">
-              <image src="./images/icon-home-active.png" />
-              <text>首页</text>
-            </view>
-            <view class="orders" bind:tap="onOrder">
-              <image src="./images/icon-order.png" />
-              <text>订单</text>
-            </view>
-            <!-- <view class="btnSection">
+      <view class="bottom-section">
+        <view class="orders active">
+          <image src="./images/icon-home-active.png" />
+          <text>首页</text>
+        </view>
+        <view class="orders" bind:tap="onOrder">
+          <image src="./images/icon-order.png" />
+          <text>订单</text>
+        </view>
+        <!-- <view class="btnSection">
               <button bind:tap="onBuyShop" type="primary" disabled="{{ isOverSaled }}">立即购买</button>
               <button bind:tap="onBuyShop" type="primary" disabled="{{ isOverSaled }}">立即购买</button>
             </view> -->
             </view> -->
-          </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> -->
-              <scroll-view class="popup-container" bounces="false" scroll-y="true" type="list">
-                
-                <view class="popup-scroll">
-                  <image src="https://oss.dayaedu.com/ktyq/1739242193106.png" mode="widthFix" class="top-vip-img"></image>
-                  <!-- 添加权益人 -->
-                  <view class="addBuyer" bind:tap="onSelectBuyer">
-                    <view class="addBuyer-left">
-                      <image src="./images/icon-man.png" class="icon-man"></image>
-                      <view class="info" wx:if="{{ userBeneficiaryId }}">
-                        <view class="users">
-                          <text>{{ userBeneficiaryInfo.name }}</text>
-                          <text>{{ userBeneficiaryInfo.phoneNumber }}</text>
-                        </view>
-                        <view class="address">{{ userBeneficiaryInfo.schoolInfo }}</view>
-                      </view>
-                      <view class="info" wx:else>
-                        <view class="users">
-                          <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> -->
+          <scroll-view class="popup-container" bounces="false" scroll-y="true" type="list">
+
+            <view class="popup-scroll">
+              <image src="https://oss.dayaedu.com/ktyq/1739242193106.png" mode="widthFix" class="top-vip-img"></image>
+              <!-- 添加权益人 -->
+              <view class="addBuyer" bind:tap="onSelectBuyer">
+                <view class="addBuyer-left">
+                  <image src="./images/icon-man.png" class="icon-man"></image>
+                  <view class="info" wx:if="{{ userBeneficiaryId }}">
+                    <view class="users">
+                      <text>{{ userBeneficiaryInfo.name }}</text>
+                      <text>{{ userBeneficiaryInfo.phoneNumber }}</text>
                     </view>
                     </view>
-                    <image src="./images/icon-arrow-right.png" class="arrow-right"></image>
+                    <view class="address">{{ userBeneficiaryInfo.schoolInfo }}</view>
                   </view>
                   </view>
-
-                  <view class="goodsInfo">
-                    <view class="desc">会员有效期</view>
-                    <view class="goodsList">
-                      <view wx:for="{{ list }}" wx:key="index" class="goodsItem {{ item.id == selected.id ? 'selected' : '' }} {{ item.stockNum <= 0 ? 'nosale' : '' }}" bind:tap="onSelectGoods" data-id="{{ item.id }}">{{ item.typeName }}
-                        <image wx:if="{{ item.stockNum <= 0 }}" src="./images/nosale.png"></image>
-                      </view>
+                  <view class="info" wx:else>
+                    <view class="users">
+                      <text>请填写享用者的个人信息</text>
                     </view>
                     </view>
                   </view>
                   </view>
+                </view>
+                <image src="./images/icon-arrow-right.png" class="arrow-right"></image>
+              </view>
 
 
-                  <view class="goodsInfo">
-                    <view class="desc">乐器搭配<text>(非必选)</text></view>
-                    <view class="goodsList">
-                      <view wx:for="{{ instrumentList }}" wx:key="index" class="goodsItem {{ item.id == selectInstrumentId ? 'selected' : '' }}" bind:tap="onSelectInstrument" data-id="{{ item.id }}">
-                        {{ item.name }} <text>¥{{ item.showSalePrice }}</text>
-                      </view>
-                    </view>
+              <view class="goodsInfo">
+                <view class="desc">会员有效期</view>
+                <view class="goodsList">
+                  <view wx:for="{{ list }}" wx:key="index" class="goodsItem {{ item.id == selected.id ? 'selected' : '' }} {{ item.stockNum <= 0 ? 'nosale' : '' }}" bind:tap="onSelectGoods" data-id="{{ item.id }}">{{ item.typeName }}
+                    <image wx:if="{{ item.stockNum <= 0 }}" src="./images/nosale.png"></image>
                   </view>
                   </view>
                 </view>
                 </view>
-                <view style="padding-bottom: 300rpx;"></view>
-                <view class="popupBottom">
-                  <!-- 有选择商品的时候 -->
-                  <view class="current-item" wx:if="{{!isOverSaled && selected.id}}">
-                    <!-- <view class="current-item-text">您已选择:</view> -->
-                    <view class="current-top">
-                      共计 <view class="prices"><text class="stuff">¥</text>
-                        <text class="priceZ">{{ formatSelectGood.integerPart || 0 }}</text>
-                        <text class="priceF">.{{ formatSelectGood.decimalPart || '00' }}</text>
-                      </view>
-                      <text class="line">|</text>原价 ¥ {{ formatSelectGood.originalPrice }}
-                      <block wx:if="{{ formatSelectGood.originalPrice > formatSelectGood.salePrice }}">
-                        <text class="line">|</text>
-                        <text>优惠 ¥ {{ formatSelectGood.discountPrice }}</text>
-                      </block>
-                    </view>
+              </view>
 
 
-                    <view class="current-select-text">已选:{{ formatSelectGood.typeName }}</view>
-                  </view>
-                  <view class="btnGroup">
-                    <button type="primary" catch:tap="onSubmit">立即享受专属权益</button>
+              <view class="goodsInfo">
+                <view class="desc">乐器搭配<text>(非必选)</text></view>
+                <view class="goodsList">
+                  <view wx:for="{{ instrumentList }}" wx:key="index" class="goodsItem {{ item.id == selectInstrumentId ? 'selected' : '' }}" bind:tap="onSelectInstrument" data-id="{{ item.id }}">
+                    {{ item.name }} <text>¥{{ item.showSalePrice }}</text>
                   </view>
                   </view>
                 </view>
                 </view>
-              </scroll-view>
-              <!-- <view class="popup-container">
-                
-              </view> -->
+              </view>
             </view>
             </view>
-          </van-popup>
-        </view>
+            <view style="padding-bottom: 300rpx;"></view>
+            <view class="popupBottom">
+              <!-- 有选择商品的时候 -->
+              <view class="current-item" wx:if="{{!isOverSaled && selected.id}}">
+                <!-- <view class="current-item-text">您已选择:</view> -->
+                <view class="current-top">
+                  共计 <view class="prices"><text class="stuff">¥</text>
+                    <text class="priceZ">{{ formatSelectGood.integerPart || 0 }}</text>
+                    <text class="priceF">.{{ formatSelectGood.decimalPart || '00' }}</text>
+                  </view>
+                  <text class="line">|</text>原价 ¥ {{ formatSelectGood.originalPrice }}
+                  <block wx:if="{{ formatSelectGood.originalPrice > formatSelectGood.salePrice }}">
+                    <text class="line">|</text>
+                    <text>优惠 ¥ {{ formatSelectGood.discountPrice }}</text>
+                  </block>
+                </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 class="current-select-text">已选:{{ formatSelectGood.typeName }}</view>
+              </view>
+              <view class="btnGroup">
+                <button type="primary" catch:tap="onSubmit">立即享受专属权益</button>
               </view>
               </view>
             </view>
             </view>
+          </scroll-view>
+          <!-- <view class="popup-container">
+                
+              </view> -->
+        </view>
+      </van-popup>
+    </view>
 
 
-            <view class="pop-btn-group">
-              <button disabled="{{ buyerLoading }}" class="submit-btn" bind:tap="onSubmitBuyer">保存信息</button>
-            </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>
 
 
+        <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>
 
 
-        <!-- 地区 -->
-        <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-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="{{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="{{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>
 
 
+    <!-- 年级 -->
+    <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>
-  </swiper-item>
-</swiper>
+
+</view>