diff --git a/src/dialog/__test__/__snapshots__/index.test.js.snap b/src/dialog/__test__/__snapshots__/index.test.js.snap
index 8442285d2..4207816f8 100644
--- a/src/dialog/__test__/__snapshots__/index.test.js.snap
+++ b/src/dialog/__test__/__snapshots__/index.test.js.snap
@@ -22,15 +22,19 @@ exports[`dialog :base 1`] = `
           data-prevention="{{true}}"
         >
           <wx-view
-            class="t-dialog t-class"
-            slot="content"
+            capture-catch:touchstart=null
           >
             <wx-view
-              class="t-dialog__content t-class-content"
-            />
-            <wx-view
-              class="t-dialog__footer t-dialog__footer--full"
-            />
+              class="t-dialog t-class"
+              slot="content"
+            >
+              <wx-view
+                class="t-dialog__content t-class-content"
+              />
+              <wx-view
+                class="t-dialog__footer t-dialog__footer--full"
+              />
+            </wx-view>
           </wx-view>
           <wx-view
             class="t-popup__close"
diff --git a/src/dialog/dialog.wxml b/src/dialog/dialog.wxml
index 1c60f2615..0a1fdd575 100644
--- a/src/dialog/dialog.wxml
+++ b/src/dialog/dialog.wxml
@@ -18,41 +18,43 @@
   usingCustomNavbar="{{usingCustomNavbar}}"
   bind:visible-change="overlayClick"
 >
-  <view slot="content" class="{{classPrefix}} {{prefix}}-class">
-    <slot name="top" />
-    <view wx:if="{{closeBtn}}" class="{{classPrefix}}__close-btn" bind:tap="onClose">
-      <template wx:if="{{_.isObject(closeBtn)}}" is="icon" data="{{ name: 'close', size: 22, ...closeBtn }}" />
-      <t-icon wx:else name="close" size="44rpx" />
-    </view>
-    <view class="{{classPrefix}}__content {{prefix}}-class-content">
-      <view wx:if="{{title}}" class="{{classPrefix}}__header">{{title}}</view>
-      <slot name="title" />
-      <view wx:if="{{content}}" class="{{classPrefix}}__body">
-        <text class="{{classPrefix}}__body-text">{{content}}</text>
+  <view capture-catch:touchstart="{{visible ? null : true}}">
+    <view slot="content" class="{{classPrefix}} {{prefix}}-class">
+      <slot name="top" />
+      <view wx:if="{{closeBtn}}" class="{{classPrefix}}__close-btn" bind:tap="onClose">
+        <template wx:if="{{_.isObject(closeBtn)}}" is="icon" data="{{ name: 'close', size: 22, ...closeBtn }}" />
+        <t-icon wx:else name="close" size="44rpx" />
       </view>
-      <slot name="content" />
-    </view>
-    <slot name="middle" />
-    <view
-      class="{{_.cls(classPrefix + '__footer', [['column', buttonLayout === 'vertical'], ['full', buttonVariant == 'text' && actions.length == 0]])}}"
-    >
-      <block wx:if="{{actions}}">
-        <block wx:for="{{actions}}" wx:key="index">
-          <template
-            is="button"
-            data="{{block: true, type: 'action', extra: index, tClass: prefix + '-class-action', rootClass: _this.getActionClass(classPrefix, buttonLayout), ...item }}"
-          />
+      <view class="{{classPrefix}}__content {{prefix}}-class-content">
+        <view wx:if="{{title}}" class="{{classPrefix}}__header">{{title}}</view>
+        <slot name="title" />
+        <view wx:if="{{content}}" class="{{classPrefix}}__body">
+          <text class="{{classPrefix}}__body-text">{{content}}</text>
+        </view>
+        <slot name="content" />
+      </view>
+      <slot name="middle" />
+      <view
+        class="{{_.cls(classPrefix + '__footer', [['column', buttonLayout === 'vertical'], ['full', buttonVariant == 'text' && actions.length == 0]])}}"
+      >
+        <block wx:if="{{actions}}">
+          <block wx:for="{{actions}}" wx:key="index">
+            <template
+              is="button"
+              data="{{block: true, type: 'action', extra: index, tClass: prefix + '-class-action', rootClass: _this.getActionClass(classPrefix, buttonLayout), ...item }}"
+            />
+          </block>
         </block>
-      </block>
-      <slot name="actions" />
-      <block wx:if="{{_cancel}}">
-        <template is="button" data="{{type: 'cancel', ..._cancel }}" />
-      </block>
-      <slot name="cancel-btn" />
-      <block wx:if="{{_confirm}}">
-        <template is="button" data="{{type: 'confirm', theme: 'primary', ..._confirm}}" />
-      </block>
-      <slot name="confirm-btn" />
+        <slot name="actions" />
+        <block wx:if="{{_cancel}}">
+          <template is="button" data="{{type: 'cancel', ..._cancel }}" />
+        </block>
+        <slot name="cancel-btn" />
+        <block wx:if="{{_confirm}}">
+          <template is="button" data="{{type: 'confirm', theme: 'primary', ..._confirm}}" />
+        </block>
+        <slot name="confirm-btn" />
+      </view>
     </view>
   </view>
 </t-popup>