payProject/pages/activePage2/activePage2.wxml

<view class="box">
  <!-- 头部 -->
  <view class="top">
    <image class="top-bgc" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221027/%E5%BC%80%E4%B8%9A%E6%B4%BB%E5%8A%A8%E9%A1%B5%E9%9D%A2%E8%83%8C%E6%99%AF1%402x.png"></image>
    <image class="bottom-bgc" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221027/%E5%BC%80%E4%B8%9A%E6%B4%BB%E5%8A%A8%E9%A1%B5%E9%9D%A2%E8%83%8C%E6%99%AF3%402x%20%281%29.png"></image>
    <!-- 优惠券轮播 -->
    <!-- <swiper class="coupon" indicator-dots='true' indicator-color='#FFFFFF' indicator-active-color='#FF5459'  circular='true' > -->
      <!-- 类型，1直接抵扣券，2满减券，3全额券，4卡券（即将作废） -->
      <!-- <swiper-item wx:for="{{activityList.new_user}}" wx:key="index">
        <view class="item-left">
          <view class="price" wx:if="{{item.type==2}}">
            <text>￥</text><view>{{item.price}}</view>
          </view>
          <view class="priceFree" wx:else>
            <text>全免</text>
          </view>
          <view class="type" wx:if="{{item.type==2}}">满{{item.full_price}}可用</view>
          <view class="type" wx:else>
            {{couponType[item.type-1]}}
          </view>
        </view>
        <view class="item-right">
          <view class="item-right-top">
            <view class="{{item.id==149?'title2':'title'}}">
            {{item.name}}
          </view>
          <view wx:if="{{item.id==149}}" class="title-detail">用于首次体验项目，单项目满 300 元以上即可使用 （次卡不参与抵扣）</view>
          </view>
          <view class="btn" bindtap="useCoupon" data-item="{{item}}">立即使用</view>
        </view>
      </swiper-item>
    </swiper> -->
    <!-- 项目活动 -->
    <!-- <view class="projectAct">
      <image mode="aspectFill" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220901/%E7%BC%96%E7%BB%84%203%402x.png"></image>
    </view> -->
    <!-- 权益活动 -->
    <view class="top-position">
    <!-- <view class="projectAct">
      <image mode="aspectFill" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220926/%E7%BC%96%E7%BB%84%202%402x.png"></image>
    </view> -->
    <!-- 充值折扣入口 -->
    <!-- <view class="recharge" bindtap="toStoreValue">
    <image src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221013/%E7%BC%96%E7%BB%84%204%402x%402x%20%281%29.png"></image>
    </view> -->
    <!-- 多人同行 -->
    <!-- <view class="discount" bindtap="gotoSendCoupon">
      <image class="discount" src="{{activityList.project[0].main_url}}">
      </image>
    </view> -->
  </view>
  </view>

  <!-- 中间 -->
  <view class="center">
    <image class="center-bgc" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221027/%E5%BC%80%E4%B8%9A%E6%B4%BB%E5%8A%A8%E9%A1%B5%E9%9D%A2%E8%83%8C%E6%99%AF2%402x.png"></image>
  <!-- 拼团专区 -->
  <view class="joinGroup">
  <image class="joinGroup-top" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221027/%E6%8B%BC%E5%9B%A2%E4%B8%93%E5%8C%BA01%402x.png"></image>
  <image bindtap="goGroup" class="joinGroup-bottom" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221027/%E6%8B%BC%E5%9B%A2banner%402x.png"></image>
  </view>
    <!-- 项目分类 -->
    <!-- <view class="classify">
      <image wx:for="{{classifyList}}" data-index="{{index}}" bindtap="changeTab" wx:key="index" src="{{tabIndex==index?item[1]:item[0]}}"></image>
    </view> -->
    <!-- 项目分类商品 -->
    <!-- <view class="classifyProject">
      <view class="classifyProject-item" bindtap="projectDetail" wx:key="index" data-id="{{item.id}}" wx:for="{{activityList.project[tabIndex].list}}">
        <view class="classifyProject-item-top">
          <image src="{{item.cover_url}}"></image>
        </view>
        <view class="classifyProject-item-bottom">
          <view class="classifyProject-title">{{item.name}}</view>
          <view class="classifyProject-price">
            <view class="price">￥<text>{{item.price}}.00</text></view>
            <image src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220901/%E5%8E%BB%E8%B4%AD%E4%B9%B0%402x.png"></image>
          </view>
        </view>
      </view>
    </view> -->
    <!-- 次卡活动 -->
    <view class="cardAct">
      <image class="cardAct-image" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221027/%E6%AC%A1%E5%8D%A1%E6%B4%BB%E5%8A%A802%402x.png"></image>
    </view>
    <!-- 次卡活动轮播图 -->
    <swiper class="cardImage" bindchange='changeSwiper' autoplay  previous-margin='164rpx' next-margin='164rpx' circular='true' >
      <swiper-item class="cardImage-item " wx:for="{{activityList.card}}" wx:key="index">
        <image bindtap="cardDetail" data-index="{{index}}" data-id="{{item.card_id}}" class="imageSmall {{index==swiperIndex?'imageBig':''}}" src="{{item.main_url}}"></image>
        <button bindtap="cardDetail" data-index="{{index}}" wx:if="{{index==swiperIndex}}" data-id="{{item.card_id}}">立即查看</button>
      </swiper-item>
    </swiper>
  </view>
  <!-- 底部 -->
  <view class="bottom">

    <!-- 商品活动 -->
    <view class="commodity">
      <image src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221027/%E5%95%86%E5%93%81%E6%B4%BB%E5%8A%A803%402x.png"></image>
    </view>
    <!-- 商品活动轮播图 -->
    <view class="commodity-swiper">
      <swiper interval='7000' autoplay  circular='true' bindtap="toGoodsList" bindchange='changeGoodsList' current="0">
        <swiper-item wx:for="{{activityList.goods}}" wx:key="index">
          <image  src="{{item.main_url}}"></image>
        </swiper-item>
      </swiper>
    </view>
    <!-- 商品活动商品（跟项目分类商品共用） -->
    <view class="classifyProject" style="margin-top: 20rpx;">
      <swiper  interval='1500' circular   next-margin='56rpx'>
        <swiper-item wx:for="{{goodsList}}" wx:key="index">
          <view class="classifyProject-item" wx:key="index" bindtap="productDetail" data-id="{{item.id}}" wx:for="{{item.length==2?item:item}}">
            <view class="classifyProject-item-top">
              <image src="{{item.cover_url}}"></image>
            </view>
            <view class="classifyProject-item-bottom">
              <view class="classifyProject-title">{{item.name}}</view>
              <view class="classifyProject-price">
                <view class="price">￥<text>{{item.price}}</text></view>
                <image src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220901/%E5%8E%BB%E8%B4%AD%E4%B9%B0%402x.png"></image>
              </view>
            </view>
          </view>
        </swiper-item>
      </swiper>
    </view>
  </view>
</view>