diff --git a/docs/markdown/v2-progress-tracking.md b/docs/markdown/v2-progress-tracking.md
index 7318579bf..50cd57879 100644
--- a/docs/markdown/v2-progress-tracking.md
+++ b/docs/markdown/v2-progress-tracking.md
@@ -81,6 +81,10 @@
 
 - 支持`Number`类型的`size`属性
 
+### ImagePreview
+
+- 新增多个`LESS`变量
+
 ### Loading
 
 - 新增`default`插槽
diff --git a/packages/image-preview/index.less b/packages/image-preview/index.less
index ee28ffe87..d4523dfce 100644
--- a/packages/image-preview/index.less
+++ b/packages/image-preview/index.less
@@ -22,14 +22,14 @@
     position: absolute;
     top: 10px;
     left: 50%;
-    color: @white;
-    font-size: 14px;
+    color: @image-preview-index-text-color;
+    font-size: @image-preview-index-font-size;
     letter-spacing: 2px;
     transform: translate(-50%, 0);
   }
 
   &__overlay {
-    background-color: rgba(0, 0, 0, .9);
+    background-color: @image-preview-overlay-background-color;
   }
 
   .van-swipe {
diff --git a/packages/style/var.less b/packages/style/var.less
index 6b019db04..82806bc1d 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -178,6 +178,11 @@
 @info-background-color: @red;
 @info-font-family: PingFang SC, Helvetica Neue, Arial, sans-serif;
 
+// ImagePreview
+@image-preview-index-text-color: @white;
+@image-preview-index-font-size: 14px;
+@image-preview-overlay-background-color: rgba(0, 0, 0, .9);
+
 // List
 @list-icon-margin-right: 5px;
 @list-text-color: @gray-dark;