<wv-toast id="alert-toast" showMask="{{ true }}" maskClosable="{{ maskClosable }}">
  <view class="wv-row col-h-center">
    <view class="wv-col span24">
      <view class="wv-alert {{customClass}}">
        <view class="wv-panel {{theme}}">
          <!-- 标题部分 -->
          <view class="wv-panel-header" wx:if="{{showHeader}}">
            <view class="wv-alert-header">
              <view class="slot-defaultable">
                <view class="slot"><slot name="header"></slot></view>
                <view class="default-slot">
                  <text wx:if="{{icon}}" class="icon {{icon}} alert-icon"></text>
                  <text>{{header}}</text>
                </view>
              </view>
            </view>
          </view>
          
          <!-- 内容部分 -->
          <view class="wv-panel-body">
            <view class="wv-alert-content">
              <view class="slot-defaultable">
                <view class="slot"><slot name="content"></slot></view>
                <view class="default-slot">
                  <text wx:if="{{content}}" class="color-{{ msgTheme }}">{{content}}</text>
                </view>
              </view>
            </view>
          </view>
          
          <!-- 按钮部分 -->
          <view class="wv-panel-footer" wx:if="{{showFooter}}">
            <view class="wv-alert-buttons">
              <view class="slot-defaultable">
                <view class="slot">
                  <slot name="buttons"></slot>
                </view>
                <view class="default-slot">
                  <view class="box-btn-group">
                    <button 
                      wx:if="{{ confirmButtonText }}" 
                      class="wv-btn large wv-theme {{ confirmButtonTheme? confirmButtonTheme : 'wv-theme-light wv-content-dark' }}"
                      bindtap="onConfirmTap">
                      {{confirmButtonText}}
                    </button>
                    <button 
                      wx:if="{{ cancelButtonText }}" 
                      class="wv-btn large wv-theme {{ cancelButtonTheme? cancelButtonTheme : 'wv-theme-light wv-content-dark' }}"
                      bindtap="onCancelTap">
                      {{cancelButtonText}}
                    </button>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</wv-toast>
