Message 结果页 - 管理控制台

结果页。

扫码体验

示例代码

// API-DEMO page/component/message/message.json
{
  "defaultTitle": "小程序AntUI组件库",
  "usingComponents": {
    "message": "mini-antui/es/message/index"
  }
}

<!-- API-DEMO page/component/message/message.axml -->
<view>
  <message
    title="{{title}}"
    subTitle="{{subTitle}}"
    type="success" 
    mainButton="{{messageButton.mainButton}}" 
    subButton="{{messageButton.subButton}}" 
    onTapMain="goBack">
  </message>
</view>

// API-DEMO page/component/message/message.js
Page({
  data: {
    title: "操作成功",
    subTitle: "内容详情可折行，建议不超过两行",
    messageButton: {
      mainButton: {
        buttonText: "主要操作"
      },
      subButton: {
        buttonText: "辅助操作"
      }
    }
  },
  goBack() {
    my.navigateBack();
  }
});

属性

属性名	描述	类型	默认值	必填
className	自定义的 class。	String	-	否
type	有 success、fail、info、warn、waiting 五种状态类型，默认为 success。	String	success	否
title	主标题。	String	-	是
subTitle	副标题。	String	-	否
mainButton	主按钮的文本和可用性相关。	Object<buttonText, disabled>	-	否
subButton	副按钮的文本和可用性相关。	Object<buttonText, disabled>	-	否
onTapMain	主按钮的点击函数。	() => {}	-	否
onTapSub	副按钮的点击函数。	() => {}	-	否