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

<!--index.wxml-->
<scroll-view class="scrollarea" scroll-y="{{popupShow ? false : true}}" type="list">
  <view class="container">
    <!-- <view class="topShadow"></view> -->
    <view class="slider-count">{{current + 1}}/{{5}}</view>
    <swiper indicator-dots="{{false}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" bindchange="changeSwiper">
      <swiper-item>
        <view class="swiper-item ">
          <image src="https://oss.dayaedu.com/ktyq/1732101023155.png"></image>
        </view>
      </swiper-item>
      <swiper-item>
        <view class="swiper-item ">
          <image src="https://oss.dayaedu.com/ktyq/1732101058157.png"></image>
        </view>
      </swiper-item>
      <swiper-item>
        <view class="swiper-item ">
          <image src="https://oss.dayaedu.com/ktyq/1732101072881.png"></image>
        </view>
      </swiper-item>
      <swiper-item>
        <view class="swiper-item ">
          <image src="https://oss.dayaedu.com/ktyq/1732101091093.png"></image>
        </view>
      </swiper-item>
      <swiper-item>
        <view class="swiper-item ">
          <image src="https://oss.dayaedu.com/ktyq/1732101102921.png"></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">{{ selected.integerPart || 0 }}</text>
            <text class="priceF">.{{ selected.decimalPart || '00' }}</text>
          </view>
          <view class="originPrice" wx:if="{{ selected.originalPrice > selected.salePrice }}">¥{{ selected.originalPrice || '0.00' }}</view>
        </view>
        <view class="right">
          已售100w+
        </view>
      </view>

      <view class="shopName">
        {{ selected.name }}
      </view>

      <view class="goodsInfo">
        <!-- <text class="desc">已选：</text> -->
        <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="goods-cover" src="{{item.pic}}"></image>
          <text class="name">{{ item.typeName }}</text><image class="iconSale" wx:if="{{ item.stockNum <= 0 }}" src="./images/nosale.png"></image>
          </view>
        </view>
      </view>
    </view>
    
    <view class="goodsSection">
      <view class="goodsIntro">
        <view class="title">
          <view class="before"></view>
          <view>商品详情</view>
          <view class="after"></view>
        </view>
        <view class="quick-btn">
          <view class="active">商品介绍</view>
          <view>互通案例</view>
          <view>购买流程</view>
        </view>
        <view class="images">
          <image class="img1" src="https://oss.dayaedu.com/ktyq/1732101129195.png"></image>
          <image class="img2" src="https://oss.dayaedu.com/ktyq/1732101146406.png"></image>
          <image class="img3" src="https://oss.dayaedu.com/ktyq/1732101158356.png"></image>
          <image class="img4" src="https://oss.dayaedu.com/ktyq/1732101169900.png"></image>
        </view>
      </view>
    </view>

    <view class="bottom-section">
      <view class="orders" bind:tap="onService">
        <image src="./images/icon-service.png" />
        <text>客服</text>
      </view>
      <view class="orders" bind:tap="onOrder">
        <image src="./images/icon-order.png" />
        <!-- <text>订单</text> -->
      </view>
    <view class="bottom-section">
      <view class="btnSection">
        <button bind:tap="onBuyShop" type="primary" disabled="{{ isOverSaled }}">立即购买</button>
      </view>
    </view>

    <view class="popup-section" wx:if="{{popupShow}}">
      <view class="popup-mask"></view>
      <view class="popup-container">
        <image bind:tap="onClose" src="./images/icon-close.png" class="iconClose"></image>

        <view class="product-section">
          <view class="product-img">
            <image src="{{ selected.pic }}"></image>
          </view>
          <view class="product-left">
            <view class="price-s">
              <view class="currentPrice">
                <text class="stuff">¥</text>
                <text class="priceZ">{{ selected.integerPart }}</text>
                <text class="priceF">.{{ selected.decimalPart }}</text>
              </view>
              <view class="originPrice">¥{{ selected.originalPrice }}</view>
            </view>
            <view class="current-s">
              当前选中：<text>{{ selected.typeName }}</text>
            </view>
          </view>
        </view>

        <view class="goodsInfo">
          <view class="desc">规格类型（{{ 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="goods-cover" src="{{item.pic}}"></image>
              <text class="name">{{ item.typeName }}</text><image class="iconSale" wx:if="{{ item.stockNum <= 0 }}" src="./images/nosale.png"></image>
            </view>
            <!-- <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>

        <button type="primary" bind:tap="onSubmit">立即购买</button>
      </view>
    </view>
  </view>

  <service popShow="{{ showService }}" bind:changePop="changePop"></service>
</scroll-view>