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

<!--pages/select-goods/index.wxml-->
<view class="container">
  <navigation-bar title=" " background="transparent" back="{{ false }}"></navigation-bar>
  <view class="top-bar"></view>

  <view class="select-good-section">

  </view>

  <view class="goods-section">
    <scroll-view class="popup-container" bounces="false" scroll-y="true" type="list">
      <view class="popup-scroll">
        <view class="goodsInfo">
          <view class="desc">
            <image src="./images/icon2.png" class="iconBefore"></image>选择规格（{{ list.length }}）</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 }}">
              <image class="goodImg" src="{{ item.pic }}"></image>
              <view class="infos">
                <view class="name">{{ item.typeName }}</view>
                <view class="price">￥<text>{{ item.showSalePrice }}</text></view>
              </view>
              <image class="nosale" wx:if="{{ item.stockNum <= 0 }}" src="./images/nosale.png"></image>
            </view>
          </view>
        </view>

        <!-- <view class="goodsInfo">
          <view class="desc"><image src="./images/icon2.png" class="iconBefore"></image>选择乐器（{{ instrumentList.length }}）</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>
      <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 class="current-select-text">已选：{{ formatSelectGood.typeName }}</view>
        </view>
        <view class="btnGroup">
          <button type="primary" catch:tap="onSubmit">立即享受专属权益</button>
        </view>
      </view>
    </scroll-view>
  </view>
</view>