结果页。
扫码体验
示例代码
// 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 | 副按钮的点击函数。 | () => {} | - | 否 |
在文档使用中是否遇到以下问题
更多建议
匿名提交