diff --git a/src/image-preview/ImagePreview.js b/src/image-preview/ImagePreview.js
index db52da876..8feda1578 100644
--- a/src/image-preview/ImagePreview.js
+++ b/src/image-preview/ImagePreview.js
@@ -310,8 +310,8 @@ export default createComponent({
           onTouchend={this.onWrapperTouchEnd}
           onTouchcancel={this.onWrapperTouchEnd}
         >
-          {Index}
           {Images}
+          {Index}
         </div>
       </transition>
     );
diff --git a/src/image-preview/test/__snapshots__/index.spec.js.snap b/src/image-preview/test/__snapshots__/index.spec.js.snap
index 81fc67316..0c4470f2d 100644
--- a/src/image-preview/test/__snapshots__/index.spec.js.snap
+++ b/src/image-preview/test/__snapshots__/index.spec.js.snap
@@ -2,16 +2,15 @@
 
 exports[`index slot 1`] = `
 <div class="van-image-preview" name="van-fade">
-  <div class="van-image-preview__index">Custom Index</div>
   <div class="van-swipe">
     <div class="van-swipe__track" style="width: 0px; transition-duration: 0ms; transform: translateX(0px);"></div>
   </div>
+  <div class="van-image-preview__index">Custom Index</div>
 </div>
 `;
 
 exports[`lazy-load prop 1`] = `
 <div class="van-image-preview" name="van-fade">
-  <div class="van-image-preview__index">1/3</div>
   <div class="van-swipe">
     <div class="van-swipe__track" style="width: 0px; transition-duration: 0ms; transform: translateX(0px);">
       <div class="van-swipe-item" style="width: 0px; height: 100%; transform: translateX(0px);"><img class="van-image-preview__image" style="transition: .3s all;"></div>
@@ -19,12 +18,12 @@ exports[`lazy-load prop 1`] = `
       <div class="van-swipe-item" style="width: 0px; height: 100%; transform: translateX(0px);"><img class="van-image-preview__image"></div>
     </div>
   </div>
+  <div class="van-image-preview__index">1/3</div>
 </div>
 `;
 
 exports[`render image 1`] = `
 <div class="van-image-preview" name="van-fade">
-  <div class="van-image-preview__index">1/3</div>
   <div class="van-swipe">
     <div class="van-swipe__track" style="width: 0px; transition-duration: 500ms; transform: translateX(0px);">
       <div class="van-swipe-item" style="width: 0px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/1.png" class="van-image-preview__image" style="transition: .3s all;"></div>
@@ -32,12 +31,12 @@ exports[`render image 1`] = `
       <div class="van-swipe-item" style="width: 0px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/3.png" class="van-image-preview__image"></div>
     </div>
   </div>
+  <div class="van-image-preview__index">1/3</div>
 </div>
 `;
 
 exports[`zoom 1`] = `
 <div class="van-image-preview" name="van-fade">
-  <div class="van-image-preview__index">1/3</div>
   <div class="van-swipe">
     <div class="van-swipe__track" style="transition-duration: 500ms; width: 0px; transform: translateX(0px);">
       <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/1.png" class="van-image-preview__image" style="transform: scale3d(2, 2, 1) translate(0px, NaNpx);"></div>
@@ -45,5 +44,6 @@ exports[`zoom 1`] = `
       <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/3.png" class="van-image-preview__image"></div>
     </div>
   </div>
+  <div class="van-image-preview__index">1/3</div>
 </div>
 `;
diff --git a/src/uploader/test/__snapshots__/index.spec.js.snap b/src/uploader/test/__snapshots__/index.spec.js.snap
index 4892f5caf..3dccf7a05 100644
--- a/src/uploader/test/__snapshots__/index.spec.js.snap
+++ b/src/uploader/test/__snapshots__/index.spec.js.snap
@@ -5,11 +5,6 @@ exports[`click to preview image 1`] = `
   class="van-image-preview"
   name="van-fade"
 >
-  <div
-    class="van-image-preview__index"
-  >
-    1/2
-  </div>
   <div
     class="van-swipe"
   >
@@ -38,6 +33,11 @@ exports[`click to preview image 1`] = `
       </div>
     </div>
   </div>
+  <div
+    class="van-image-preview__index"
+  >
+    1/2
+  </div>
 </div>
 `;