karamay_wx/components/card-carousel/index.wxml

<view class="card-carousel" style="width:100%;">
  <swiper class="carousel-swiper" current="{{current}}" circular="true" previous-margin="{{paddingLR}}px" next-margin="{{paddingLR}}px" duration="{{duration}}" style="height: {{centerHeight}}px;" bindchange="onSwiperChange">
    <block wx:for="{{list}}" wx:key="index" wx:for-index="index" wx:for-item="item">
      <swiper-item>
        <view class="slide {{current === index ? 'active' : 'inactive'}}" data-index="{{index}}" bindtap="onSlideTap" style="height: {{centerHeight}}px;">
          <!-- 导航器容器（仅当前项且有URL时显示） -->
          <view wx:if="{{item.url && useNavigator}}" class="card {{current === index ? 'active-card' : 'side-card'}}" data-index="{{index}}" bindtap="{{current === index ? 'onOnlineExhibitionTap' : ''}}">
            <image class="card-image" src="{{item.image}}" mode="aspectFill" style="height: {{current === index ? centerHeight : sideHeight}}px;" lazy-load="{{false}}"></image>
            <!-- 在线观展覆盖层（仅当前项显示） -->
            <view class="online-exhibition {{current === index ? 'show' : 'hide'}}">
              <image class="online-icon" src="{{onlineIcon}}" mode="aspectFit"></image>
              <text class="online-text">线上观展</text>
            </view>
            <!-- 遮罩层（非当前项显示） -->
            <view class="mask {{current === index ? 'hide' : 'show'}}"></view>
          </view>
          
          <!-- 普通视图容器（无URL时使用） -->
          <view wx:else class="card {{current === index ? 'active-card' : 'side-card'}}" data-index="{{index}}" catchtap="{{current === index ? 'onCurrentTap' : ''}}">
            <image class="card-image" src="{{item.image}}" mode="aspectFill" style="height: {{current === index ? centerHeight : sideHeight}}px;" lazy-load="{{false}}"></image>
            <!-- 遮罩层（非当前项显示） -->
            <view class="mask {{current === index ? 'hide' : 'show'}}"></view>
          </view>
        </view>
      </swiper-item>
    </block>
  </swiper>

  <view class="indicators" wx:if="{{showIndicators && list.length > 1}}" style="bottom: 8px;">
    <block wx:for="{{list}}" wx:key="i" wx:for-index="i">
      <view class="dot {{current === i ? 'active' : ''}}" data-index="{{i}}" catchtap="onDotTap"></view>
    </block>
  </view>
</view>