<view class="page safe-bottom">
  <!-- 顶部导航栏 -->
  <view class="unified-header">
    <view class="unified-header-left" bindtap="onBack">
      <image src="/images/icon-back.png" class="unified-back-icon" mode="aspectFit"></image>
      <text class="unified-back-text">返回</text>
    </view>
    <text class="unified-header-title">合作入驻</text>
    <view class="unified-header-right"></view>
  </view>

  <scroll-view class="content" scroll-y style="padding-top: 194rpx">
    <view class="container">
      <view class="slider-card">
        <swiper
          class="slider"
          autoplay
          circular
          interval="4000"
          duration="400"
          easing-function="easeOutCubic"
          current="{{sliderIndex}}"
          bindchange="onSwiperChange"
        >
          <swiper-item wx:for="{{sliderList}}" wx:key="src">
            <view class="slide">
              <image class="slide-image" src="{{item.src}}" mode="aspectFill" />
              <view class="slide-mask"></view>
            </view>
          </swiper-item>
        </swiper>

        <view class="dots">
          <view class="dot-item" wx:for="{{sliderList}}" wx:key="src">
            <view class="dot {{index === sliderIndex ? 'dot-active' : ''}}"></view>
          </view>
        </view>
      </view>

      <view class="entry-list">
        <button
          class="btn-reset entry-btn"
          wx:for="{{entryList}}"
          wx:key="id"
          data-id="{{item.id}}"
          bindtap="onTapEntry"
        >
          <image class="entry-icon" src="{{item.icon}}" mode="aspectFit" />
          <view class="entry-texts">
            <text class="entry-title">{{item.title}}</text>
            <text class="entry-sub">{{item.subTitle}}</text>
          </view>
          <image class="entry-chevron" src="/subpackages/cooperation/images/icon_chevron_gray.png" mode="aspectFit" />
        </button>
      </view>


    </view>
  </scroll-view>
</view>
