  <!-- 头部 -->
  <view class="box">
  <view class="top">
    <image class="top-bgc" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20230209/2%E6%9C%88%E6%B4%BB%E5%8A%A8%E9%A1%B5%E9%9D%A2%402x.png"></image>
  </view>
  <view class="bottom-bgc">
    <image src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20230209/2%E6%9C%88%E6%B4%BB%E5%8A%A8%E9%A1%B5%E9%9D%A2%402x%281%29.png"></image>
  </view>
  <!-- 中间 -->
  <view class="center">
    <!-- 次卡活动 -->
    <view class="cardAct">
      <image class="cardAct-image" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20230209/%E6%AC%A1%E5%8D%A1%E6%B4%BB%E5%8A%A8%402x.png"></image>
      <!-- 次卡活动轮播图 -->
      <swiper class="cardImage" indicator-dots='true' autoplay indicator-color='#FFFFFF' indicator-active-color='#59C0C4' bindchange='changeSwiper' previous-margin='90rpx' 	next-margin='90rpx' current="0" circular='true'>
        <swiper-item class="cardImage-item " wx:for="{{activityList.card}}" wx:key="index">
          <image bindtap="cardDetail" class="imageSmall" src="{{item.main_url}}"></image>
        </swiper-item>
      </swiper>
    </view>
  </view>
  <!-- 底部 -->
  <view class="bottom">
    <!-- 商品活动 -->
    <view class="commodity">
      <image class="commodity-image" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20230209/%E5%95%86%E5%93%81%E6%B4%BB%E5%8A%A8%402x.png"></image>
      <!-- 商品活动背景图 -->
      <view class="commodity-bgc">
      <!-- 商品活动轮播图 -->
      <swiper class="commodity-swiper" indicator-dots='true' indicator-color='#FFFFFF' indicator-active-color='#59C0C4'  interval='7000'  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>
    <!-- 商品活动商品（跟项目分类商品共用） -->
    <view class="classifyProject">
      <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>