<view class="flex-col page">
  <!-- 轮播图 -->
  <swiper
    class="swiper"
    autoplay="true"
    interval="3000"
    circular="true"
    indicator-color="rgba(0,0,0,0.3)"
    indicator-active-color="#ffffff"
  >
    <block wx:for="{{banners}}" wx:for-item="img" wx:key="index">
      <swiper-item>
        <image src="{{img}}" class="swiper-image" mode="aspectFill"/>
      </swiper-item>
    </block>
  </swiper>

  <!-- 项目列表 -->
  <view class="mt-20 flex-col list">
    <view
      class="flex-row justify-between items-center relative list-item mt-17"
      wx:for="{{items}}"
      wx:for-item="item"
      wx:for-index="idx"
      wx:key="item.id"
    >
      <view class="flex-row items-center">
        <!-- 项目图片 -->
        <image
          class="image_2"
          src="{{ globalImgUrl + item.projectImage }}"
          mode="aspectFill"
        />
        <view class="ml-14 flex-row items-end">
          <view class="flex-col items-start">
            <!-- 项目名称 -->
            <text class="font">{{item.projectName}}</text>
            <!-- 结算周期 -->
            <view class="mt-10 flex-col justify-start items-center text-wrapper">
              <text class="font_2 text">结算T+{{item.projectSettlementCycle}}</text>
            </view>
            <!-- 最高价 -->
            <text class="mt-10 font_4">最高价</text>
            <text class="mt-10 font_5 text_3">￥{{item.projectPrice}}</text>
          </view>
          <view class="ml-4 flex-col items-start promo">
            <!-- 正在推广 -->
            <text class="font_4">正在推广</text>
            <text class="mt-8 font_6 text_4">{{item.currentPromotionCount}}人</text>
          </view>
        </view>
      </view>
      <view 
      bindtap="gotoPromotion" 
      data-id="{{item.id}}" 
      class="flex-col justify-start items-center text-wrapper_2">
        <text class="font_3 text_2">参与推广</text>
      </view>
    </view>
  </view>
</view>
