health.applet/miniprogram/components/media-carousel/media-carousel.wxml

<!--components/media-carousel/media-carousel.wxml-->
<view class="media-carousel">
  <swiper 
    class="carousel-swiper" 
    indicator-dots="{{showIndicator}}" 
    indicator-color="{{indicatorColor}}" 
    indicator-active-color="{{indicatorActiveColor}}"
    autoplay="{{autoplay}}" 
    interval="{{interval}}" 
    duration="{{duration}}"
    circular="{{circular}}"
  >
    <swiper-item wx:for="{{mediaList}}" wx:key="index" class="carousel-item">
      <!-- 图片轮播 -->
      <view wx:if="{{item.type === 'image'}}" class="image-container">
        <image
          src="{{item.src}}" 
          mode="aspectFit"
          class="carousel-image"
          bind:load="onImageLoad"
          bind:error="onImageError"
          data-index="{{index}}"
        />
        <view wx:if="{{item.title}}" class="image-title">{{item.title}}</view>
      </view>
      
      <!-- 视频轮播 -->
      <view wx:if="{{item.type === 'video'}}" class="video-container">
        <video 
          src="{{item.src}}" 
          class="carousel-video"
          poster="{{item.poster}}"
          show-center-play-btn="{{true}}"
          show-play-btn="{{true}}"
          controls="{{true}}"
          object-fit="cover"
          autoplay="{{true}}"
          loop="{{true}}"
          muted="{{true}}"
          bind:error="onVideoError"
          data-index="{{index}}"
        />
        <view wx:if="{{item.title}}" class="video-title">{{item.title}}</view>
      </view>
    </swiper-item>
  </swiper>
</view>