diff --git a/packages/style/var.less b/packages/style/var.less
index d8a146fae..1f5f6ce36 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -328,6 +328,23 @@
 @stepper-input-disabled-color: @active-color;
 @stepper-border-radius: 4px;
 
+// SubmitBar
+@submit-bar-height: 50px;
+@submit-bar-z-index: 100;
+@submit-bar-background-color: @white;
+@submit-bar-button-width: 110px;
+@submit-bar-price-color: @red;
+@submit-bar-price-font-size: 18px;
+@submit-bar-currency-font-size: 14px;
+@submit-bar-text-color: @text-color;
+@submit-bar-text-font-size: 14px;
+@submit-bar-tip-padding: 10px;
+@submit-bar-tip-font-size: 12px;
+@submit-bar-tip-line-height: 1.5;
+@submit-bar-tip-color: #f56723;
+@submit-bar-tip-background-color: #fff7cc;
+@submit-bar-tip-icon-size: 12px;
+
 // TreeSelect
 @tree-select-font-size: 14px;
 @tree-select-nav-background-color: @background-color-light;
diff --git a/packages/submit-bar/index.less b/packages/submit-bar/index.less
index 2a8b76484..1d08e22f8 100644
--- a/packages/submit-bar/index.less
+++ b/packages/submit-bar/index.less
@@ -4,22 +4,22 @@
   position: fixed;
   bottom: 0;
   left: 0;
-  z-index: 100;
+  z-index: @submit-bar-z-index;
   width: 100%;
-  background-color: @white;
+  background-color: @submit-bar-background-color;
   user-select: none;
 
   &__tip {
-    padding: 10px;
-    color: #f56723;
-    font-size: 12px;
-    line-height: 18px;
-    background-color: #fff7cc;
+    padding: @submit-bar-tip-padding;
+    color: @submit-bar-tip-color;
+    font-size: @submit-bar-tip-font-size;
+    line-height: @submit-bar-tip-line-height;
+    background-color: @submit-bar-tip-background-color;
   }
 
   &__tip-icon {
-    min-width: 18px;
-    font-size: 12px;
+    min-width: @submit-bar-tip-icon-size * 1.5;
+    font-size: @submit-bar-tip-icon-size;
     vertical-align: middle;
   }
 
@@ -31,14 +31,14 @@
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    height: 50px;
-    font-size: 14px;
+    height: @submit-bar-height;
+    font-size: @submit-bar-text-font-size;
   }
 
   &__text {
     flex: 1;
     padding-right: 12px;
-    color: @text-color;
+    color: @submit-bar-text-color;
     font-weight: 500;
     text-align: right;
 
@@ -52,16 +52,16 @@
   }
 
   &__price {
-    color: @red;
-    font-size: 18px;
+    color: @submit-bar-price-color;
+    font-size: @submit-bar-price-font-size;
 
     &::first-letter {
-      font-size: 14px;
+      font-size: @submit-bar-currency-font-size;
     }
   }
 
   &__button {
-    width: 110px;
+    width: @submit-bar-button-width;
   }
 
   &--safe-area-inset-bottom {