diff --git a/packages/action-sheet/index.less b/packages/action-sheet/index.less
index 06f6de7c..ebd82ee8 100644
--- a/packages/action-sheet/index.less
+++ b/packages/action-sheet/index.less
@@ -17,6 +17,17 @@
     }
   }
 
+  &__cancel {
+    height: 60px;
+
+    &::before {
+      display: block;
+      content: ' ';
+      height: 10px;
+      background-color: @background-color;
+    }
+  }
+
   &__item--disabled {
     color: @gray;
 
@@ -31,11 +42,6 @@
     color: @gray-darker;
   }
 
-  &__blank {
-    height: 10px;
-    background-color: @background-color;
-  }
-
   &__header {
     font-size: 16px;
     font-weight: 500;
diff --git a/packages/action-sheet/index.wxml b/packages/action-sheet/index.wxml
index f0c391a0..5bfe879d 100644
--- a/packages/action-sheet/index.wxml
+++ b/packages/action-sheet/index.wxml
@@ -29,14 +29,12 @@
     </block>
     <van-loading wx:else size="20px" />
   </button>
-  <block wx:if="{{ cancelText }}">
-    <view class="van-action-sheet__blank" />
-    <view
-      class="van-action-sheet__cancel"
-      bind:tap="onCancel"
-    >
-      {{ cancelText }}
-    </view>
-  </block>
+  <view
+    wx:if="{{ cancelText }}"
+    class="van-action-sheet__cancel"
+    bind:tap="onCancel"
+  >
+    {{ cancelText }}
+  </view>
   <slot />
 </van-popup>