全部产品

结果页(Message)

更新时间:2020-03-26 14:51:33

本文介绍结果页(Message)。

属性名 描述 类型 默认值 必选
className 自定义的class String - false
type 有 success、fail、info、warn、waiting、info 五种状态类型,默认为 success String success false
title 主标题 String - true
subTitle 副标题 String - false
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. });