diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/swiper-digit.gif b/zh-cn/application-dev/reference/arkui-ts/figures/swiper-digit.gif
index 2873aa12e2e64ac904f88aef7fa8a48dd70fcd4d..c5049724df2d8e95b6f25f88cd72b65dfd98c1e2 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/swiper-digit.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/swiper-digit.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/swiper-dot.gif b/zh-cn/application-dev/reference/arkui-ts/figures/swiper-dot.gif
index 159d58f9ee979616b60352da34f483010a1ea386..1d35a1edc72d44aec60dbd70d6b561555e358e1d 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/swiper-dot.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/swiper-dot.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/swiper.gif b/zh-cn/application-dev/reference/arkui-ts/figures/swiper.gif
index bd38d6a7e3283c15269079284432bbace9f20df5..4852f8ce1b6a9e06c01607cbbd6976ff7532ecfd 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/swiper.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/swiper.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
index 37a29b9f4f8ccbab37a6c04ac2a39e3d89c36705..fede052c9dc14ca150ffc87955a128b2ee2d5319 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
@@ -398,7 +398,7 @@ struct SwiperExample {
       .autoPlay(true)
       .interval(4000)
       .indicator(Indicator.digit()
-        .right(130)
+        .right("43%")
         .top(200)
         .fontColor(Color.Gray)
         .selectedFontColor(Color.Gray)