全部产品

Message 结果页

结果页。

扫码体验

image.png

示例代码

// 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。Stringsuccess
title主标题。String-
subTitle副标题。String-
mainButton主按钮的文本和可用性相关。Object<buttonText, disabled>-
subButton副按钮的文本和可用性相关。Object<buttonText, disabled>-
onTapMain主按钮的点击函数。() => {}-
onTapSub副按钮的点击函数。() => {}-