<view
  wx:if="{{visible}}"
  class="mp-dialog-root"
  style="z-index: {{zIndex}};"
  catchtouchmove="onTouchMove"
>
  <view
    class="mp-dialog-mask {{showMask ? '' : 'mp-dialog-mask--transparent'}}"
    style="{{maskStyle}}"
    bindtap="onMaskTap"
  ></view>
  <view
    class="mp-dialog-container {{containerClass}}"
    style="{{containerStyle}}"
    catchtap="onContainerTap"
  >
    <slot name="header"></slot>
    <slot></slot>
    <slot name="footer"></slot>
  </view>
</view>
