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="section-block">
    <view class="select-good-section">
      <view class="select-good-img">
        <image src="{{ selected.pic }}"></image>
      </view>
      <view class="good-info">
        <view class="good-name">{{ selected.name }}</view>
        <view class="good-price">
          <!-- <view class="desc">共计</view> -->
          <view class="currentPrice">
            <text class="stuff">¥</text>
            <text class="priceZ">{{ formatSelectGood.integerPart }}</text>
            <text class="priceF">.{{ formatSelectGood.decimalPart }}</text>
          </view>
          <text class="line"></text>
          <text class="discountPrice">优惠 ¥{{ formatSelectGood.discountPrice }}</text>
        </view>

        <image class="img_back" bind:tap="onBack" src="./images/icon-back.png"></image>
      </view>
    </view>

    <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="tips">乐器图片仅供参考，实际产品以实物为准</view>

          <view class="goodsInstrument">
            <view class="instrument-item {{ item.id == selectInstrumentId ? 'selected' : '' }}" wx:for="{{ instrumentList }}" wx:key="index" bind:tap="onSelectInstrument" data-id="{{ item.id }}">
              <image class="checkbox" src="./images/icon-default.png"></image>

              <image class="instrument-img" src="{{ item.pic }}"></image>

              <view class="instrment-info">
                <view class="name">{{ item.name }}</view>
                <view class="prices">
                  <view class="currentPrice">
                    <text class="stuff">¥</text>
                    <text class="priceZ">{{ formatSelectGood.integerPart }}</text>
                    <text class="priceF">.{{ formatSelectGood.decimalPart }}</text>
                  </view>
                  <text class="line"></text>
                  <text class="discountPrice">优惠前 ¥{{ formatSelectGood.discountPrice }}</text>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>

    </scroll-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>
  </view>
</view>