<view wx:if="{{visibleDialog}}" >
  <view
    class="ac-dialog {{startAnimatim ? 'show' : 'hide'}}"
    style="z-index: {{zIndex}}" bindanimationend="onAnimationEnd">
    <view class="ac-dialog-box">
      <view class="ac-dialog-header" wx:if="{{title}}">
        <view class="ac-dialog-title">{{title}}</view>
        <view class="ac-dialog-close-btn" wx:if="{{visibleCloseIcon}}" bindtap="onClose">
          <view class="ac-iconfont icon-close"></view>
        </view>
      </view>
      <view class="ac-dialog-body" wx:if="{{content}}">
        <view class="ac-dialog-content">
          {{content}}
        </view>
      </view>
      <slot></slot>
      <view class="ac-dialog-footer" wx:if="{{visibleFooter}}">
        <button
          hover-class="ac-dialog-button-hover"
          class="ac-dialog-button ac-dialog-button-cancel"
          wx:if="{{visibleCancelBtn}}" bindtap="onCancel">{{cancelDesc}}</button>
        <button
          hover-class="ac-dialog-button-hover"
          class="ac-dialog-button ac-dialog-button-confirm"
          bindtap="onConfirm">{{confirmDesc}}</button>
      </view>
    </view>
  </view>
</view>
