<view
  class="ant-page-container {{className || ''}} {{safeArea === 'top' || safeArea === 'both' ? 'ant-page-container-safe-top' : ''}} {{safeArea === 'bottom' || safeArea === 'both' ? 'ant-page-container-safe-bottom' : ''}}"
  style="{{style || ''}}"
>
  <!--loading-->
  <view
    wx:if="{{loading}}"
    class="ant-page-container-loading-wrap"
  >
    <view class="ant-page-container-loading">
      <ant-loading
        type="{{loadingType}}"
        size="{{loadingSize}}"
        color="{{loadingColor}}"
      ></ant-loading>
    </view>
  </view>
  <!--页面异常状态-->
  <view
    wx:if="{{image && title && message}}"
    class="ant-page-container-status"
  >
    <ant-empty
      image="{{image}}"
      title="{{title}}"
      imageMode="heightFix"
      message="{{message}}"
    >
      <view slot="extra">
        <ant-button
          wx:if="{{actionText}}"
          bindtap="handleActionTap"
          type="primary"
          size="small"
          inline
        >{{actionText}}</ant-button>
        <ant-button
          wx:if="{{secondaryActionText}}"
          bindtap="handleSecondaryActionTap"
          size="small"
          inline
          style="margin-left: 12px"
        >{{secondaryActionText}}</ant-button>
        <slot name="extra"></slot>
      </view>
    </ant-empty>
  </view>
  <!--正常页面内容-->
  <slot wx:else></slot>
</view>