白色主题

miniprogram_npm/tdesign-miniprogram/swiper/swiper.wxml

@@ -1,7 +1,9 @@
 <wxs src="./index.wxs" module="this" />
 <wxs src="../common/utils.wxs" module="_" />
 
-<view class="{{prefix}}-class {{classPrefix}}" style="{{customStyle}}">
+<import src="../common/template/image.wxml" />
+
+<view class="{{prefix}}-class {{classPrefix}}" style="{{style}}">
   <swiper
     class="{{classPrefix}}-host"
     autoplay="{{autoplay}}"
@@ -22,22 +24,25 @@
       wx:for="{{list}}"
       wx:key="index"
       class="{{_.cls(classPrefix + '__item', [['preview', this.isPrev(current, index, list)], ['next', this.isNext(current, index, list)]])}}"
+      data-index="{{index}}"
+      bind:tap="onTap"
     >
-      <t-image
-        class="{{classPrefix}}__image-host"
-        t-class="{{prefix}}-class-image {{this.isPrev(current, index, list) ? (prefix + '-class-prev-image') : ''}} {{this.isNext(current, index, list) ? (prefix + '-class-next-image') : ''}} {{classPrefix}}__image"
-        custom-style="height: {{_.addUnit(height)}}"
-        src="{{item}}"
+      <template
+        is="image"
+        data="{{ class: classPrefix + '__image-host', tClass: this.getImageClass(prefix, current, index, list), style: 'height: ' + _.addUnit(height), src: item, ...imageProps }}"
       />
     </swiper-item>
   </swiper>
   <t-swiper-nav
-    wx:if="{{_navigation}}"
-    id="swiperNav"
+    wx:if="{{navigation}}"
     t-class="{{prefix}}-class-nav"
-    type="{{_navigation.type}}"
-    minShowNum="{{_navigation.minShowNum}}"
-    showControls="{{_navigation.showControls}}"
+    type="{{navigation.type || 'dots'}}"
+    current="{{navCurrent}}"
+    total="{{list.length}}"
+    direction="{{direction}}"
+    pagination-position="{{paginationPosition}}"
+    min-show-num="{{navigation.minShowNum || 2}}"
+    show-controls="{{navigation.showControls || false}}"
     bind:navBtnChange="onNavBtnChange"
   />
   <slot name="nav" />