<view wx:if="{{show || closing}}">
  <view
    class="ant-toast {{className || ''}} {{icon || image || type ? 'ant-toast-icon-wrapper' : 'ant-toast-text-' + textType + ''}} {{closing ? 'ant-toast-closing' : 'ant-toast-opening'}}"
    style="{{style || ''}}"
    bindanimationend="onAnimationEnd"
  >
    <view
      wx:if="{{type}}"
      class="ant-toast-normal"
    >
      <loading
        wx:if="{{type === 'loading'}}"
        type="mini"
      ></loading>
      <am-icon
        wx:elif="{{type === 'warning'}}"
        type="ExclamationOutline"
        className="ant-toast-icon"
      ></am-icon>
      <am-icon
        wx:elif="{{type === 'error'}}"
        type="CloseOutline"
        className="ant-toast-icon"
      ></am-icon>
      <am-icon
        wx:elif="{{type === 'success'}}"
        type="CheckOutline"
        className="ant-toast-icon"
      ></am-icon>
      <am-icon
        wx:elif="{{type === 'alipay'}}"
        type="AlipayCircleFill"
        className="ant-toast-icon"
      ></am-icon>
    </view>
    <am-icon
      wx:elif="{{icon}}"
      type="{{icon}}"
      className="ant-toast-icon"
    ></am-icon>
    <view
      wx:elif="{{image}}"
      style="background-image: url({{image}})"
      class="ant-toast-image"
    ></view>
    <view class="ant-toast-text-body">
      <view class="ant-toast-text-box">
        <view class="ant-toast-text-content">{{displayContent}}</view>
      </view>
    </view>
  </view>
  <view
    wx:if="{{showMask}}"
    class="ant-mask ant-toast-mask {{closing ? 'ant-toast-mask-closing' : ''}}"
    bindtap="handleClickMask"
    style="{{maskStyle || ''}}"
  ></view>
</view>