diff --git a/packages/submit-bar/index.less b/packages/submit-bar/index.less
index 44584a1f..d578335c 100644
--- a/packages/submit-bar/index.less
+++ b/packages/submit-bar/index.less
@@ -44,11 +44,11 @@
     .theme(height, '@submit-bar-height');
     .theme(font-size, '@submit-bar-text-font-size');
     .theme(background-color, '@submit-bar-background-color');
+  }
 
-    &--safe {
-      padding-bottom: constant(safe-area-inset-bottom);
-      padding-bottom: env(safe-area-inset-bottom);
-    }
+  &__safe {
+    height: constant(safe-area-inset-bottom);
+    height: env(safe-area-inset-bottom);
   }
 
   &__text {
diff --git a/packages/submit-bar/index.wxml b/packages/submit-bar/index.wxml
index 7a623f70..a56dd46c 100644
--- a/packages/submit-bar/index.wxml
+++ b/packages/submit-bar/index.wxml
@@ -16,7 +16,7 @@
     <slot name="tip" />
   </view>
 
-  <view class="bar-class {{ utils.bem('submit-bar__bar', { safe: safeAreaInsetBottom }) }}">
+  <view class="bar-class van-submit-bar__bar">
     <slot />
     <view wx:if="{{ hasPrice }}" class="van-submit-bar__text">
       <text>{{ label || '合计：' }}</text>
@@ -39,4 +39,6 @@
       {{ loading ? '' : buttonText }}
     </van-button>
   </view>
+
+  <view wx:if="{{ safeAreaInsetBottom }}" class="van-submit-bar__safe" />
 </view>