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

<!--index.wxml-->
<scroll-view class="scrollarea" scroll-y="{{popupShow ? false : true}}" type="list" bindscroll="onScroll" enable-passive="true">
  <view class="container">

    <view class="goodsSection">
      <view class="goodsIntro">
        <view class="images">
          <block wx:for="{{goodsImgList}}" wx:key="index">
            <image mode="widthFix" bind:tap="onPreivewGoodsImg" data-src="{{item}}" src="{{item}}"></image>
          </block>
        </view>
      </view>
    </view>

    <view class="bottom-sectionBox" style="top: {{top}}px; right: 10px;" bind:touchstart="onTouchStart" catch:touchmove="onTouchMove" bind:touchend="onTouchEnd">
      <view class="orders" bind:tap="onOrder"></view>
      <view class="btnSection" bind:tap="onBuyShop"></view>
    </view>

    <view class="popup-section" wx:if="{{popupShow}}">
      <view class="popup-mask" bind:tap="onClose"></view>
      <view class="popup-container">
        <view class="topTit">选择规格</view>
        <image bind:tap="onClose" src="./images/icon-close.png" class="iconClose"></image>
        <view class="memberBox {{isShowMemberInfoTip?'showMemberInfoTip':''}}">
          <view wx:if="{{ !memberInfo.id }}" class="memberCon" bind:tap="onMemberInfo">
            <image class="memberImg" src="./images/member.png"></image>
            <view class="infoBox">
              <text class="topInfo">请先完善会员资料</text>
              <text class="info">为了给您更好的服务，请认真填写～</text>
            </view>
            <image class="chevronImg" src="./images/chevron.png"></image>
          </view>
          <view wx:else class="memberCon" bind:tap="onMemberInfo">
            <image class="memberImg" src="./images/member.png"></image>
            <view class="infoBox">
              <view class="infoCon">
                <text class="name">{{memberInfo.name}}</text>
                <text class="phone">{{memberInfo.phone}}</text>
              </view>
              <text class="info">{{ memberInfo.schoolInfo }}</text>
            </view>
            <image class="chevronImg" src="./images/chevron.png"></image>
          </view>
        </view>
        <view class="product-section">
          <view class="product-img">
            <image bind:tap="onPreivewGoods" data-src="{{ selected.pic }}" src="{{ selected.pic }}"></image>
          </view>
          <view class="product-left">
            <view class="price-s">
              <!-- <image wx:if="{{selected.originalPrice + (selectedInstruments.originalPrice || 0) - (selected.salePrice + (selectedInstruments.salePrice || 0)) > 0}}" class="priceImg" src="./images/yhj.png" /> -->
              <view class="currentPrice">
                <text class="stuff">¥ </text>
                <numberDisplay number="{{ selected.salePrice + (selectedInstruments.salePrice || 0) }}" />
                <text wx:if="{{selected.originalPrice + (selectedInstruments.originalPrice || 0) - (selected.salePrice + (selectedInstruments.salePrice || 0)) > 0}}" class="originPrice">原价¥{{ my.formatValue(selected.originalPrice + (selectedInstruments.originalPrice || 0)) }}</text>
              </view>
            </view>
            <view class="current-s">
              已选中：{{ "VIP会员"+selected.typeName + (selectedInstruments.name?"+"+selectedInstruments.name:"")}}
            </view>
            <!-- <view wx:if="{{selected.originalPrice + (selectedInstruments.originalPrice || 0) - (selected.salePrice + (selectedInstruments.salePrice || 0)) > 0}}" class="discountCon">已优惠 ¥{{my.formatValue(selected.originalPrice + (selectedInstruments.originalPrice || 0) - (selected.salePrice + (selectedInstruments.salePrice || 0)))}}</view> -->
          </view>
        </view>
        <view class="goodsInfo">
          <view class="desc">类型</view>
          <view class="goodsList">
            <view class="goodsItem selected">
              <text class="name">VIP会员</text>
            </view>
          </view>
          <view class="desc">时长</view>
          <view class="goodsList lastGoodsList">
            <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 }}">
              <text class="name">{{ item.typeName }}</text>
              <image class="iconSale" wx:if="{{ item.stockNum <= 0 }}" src="./images/nosale.png"></image>
            </view>
          </view>
          <!-- <view wx:if="{{ instrumentsList.length > 0 }}" class="desc">乐器套装</view>
          <view wx:if="{{ instrumentsList.length > 0 }}" class="goodsList instrumentsList">
            <view wx:for="{{ instrumentsList }}" wx:key="index" class="goodsItem instrumentsGoodsItem {{ item.id == selectedInstruments.id ? 'selected' : '' }}" bind:tap="onSelectInstrumentsGoods" data-index="{{ index }}">
              <text class="name">{{ item.name }}</text>
              <view></view>
              <text>{{ "¥" + my.formatValue(item.salePrice) }}</text>
            </view>
          </view> -->
        </view>

        <view class="btnSections"><button type="primary" disabled="{{ isOverSaled }}" bind:tap="onSubmit">立即获取</button></view>
      </view>
    </view>
    <view class="popup-section memberPopup" wx:if="{{memberPopupShow}}">
      <view class="popup-mask" bind:tap="onCloseMember"></view>
      <view class="popup-container">
        <view class="topTit">选择会员</view>
        <image bind:tap="onCloseMember" src="./images/icon-close.png" class="iconClose"></image>
        <scroll-view scroll-y class="memberListCon">
          <view wx:for="{{ memberList }}" wx:key="index" bind:tap="onSelect" data-item="{{ item }}" class="memberInfo {{ item.id === memberInfo.id?'active':'' }}">
            <image class="radioImg" wx:if="{{item.id === memberInfo.id}}" src="../member/images/radioAct.png"></image>
            <image class="radioImg" wx:else src="../member/images/radio.png"></image>
            <view class="infoConBox">
              <view class="infoCon">
                <text class="name">{{item.name}}</text>
                <text class="phone">{{item.phone}}</text>
              </view>
              <view class="schoolInfoCon">
                <text class="schoolInfoDes">{{
                  item.provinceName + item.cityName + item.regionName + item.schoolAreaName  + my.GRADE_ENUM[item.currentGradeNum] + item.currentClass + "班"
                  }}
                </text>
              </view>
            </view>
            <view class="operate" catch:tap="onEdit" data-id="{{ item.id }}">
              <image src="./images/editIcon.png"></image>
            </view>
          </view>
        </scroll-view>
        <view class="btnSections"><button type="primary" bind:tap="onAdd">新建会员信息</button></view>
      </view>
    </view>
    <!-- <view class="showMoreContainer {{ !isShowOperation ? '' : 'hide' }}">
      <image src="./images/icon-up-scroll.png" class="iconUpScroll" />
    </view> -->
  </view>

  <!-- 客服 -->
  <!-- <service wx:if="{{serviceShow}}"></service> -->
</scroll-view>

<wxs module="my">
  var formatValue = function (value) {
    return parseFloat(value).toFixed(2);
  }
  var GRADE_ENUM = {
    '1': '一年级',
    '2': '二年级',
    '3': '三年级',
    '4': '四年级',
    '5': '五年级',
    '6': '六年级',
    '7': '七年级',
    '8': '八年级',
    '9': '九年级'
  }
  module.exports = {
    formatValue: formatValue,
    GRADE_ENUM: GRADE_ENUM
  }
</wxs>