Message 结果页

结果页。

扫码体验：
Message 结果页 - 图1

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

示例

  1. {
  2.   "defaultTitle": "小程序AntUI组件库",
  3.   "usingComponents": {
  4.     "message": "mini-antui/es/message/index"
  5.   }
  6. }
  1. <view>
  2.   <message
  3.     title="{{title}}"
  4.     subTitle="{{subTitle}}"
  5.     type="success" 
  6.     mainButton="{{messageButton.mainButton}}" 
  7.     subButton="{{messageButton.subButton}}" 
  8.     onTapMain="goBack">
  9.   </message>
  10. </view>
  1. Page({
  2.   data: {
  3.     title: "操作成功",
  4.     subTitle: "内容详情可折行，建议不超过两行",
  5.     messageButton: {
  6.       mainButton: {
  7.         buttonText: "主要操作"
  8.       },
  9.       subButton: {
  10.         buttonText: "辅助操作"
  11.       }
  12.     }
  13.   },
  14.   goBack() {
  15.     my.navigateBack();
  16.   }
  17. });

原文: https://docs.alipay.com/mini/component-ext/message