< 文档首页
全部产品
弹性计算
存储服务
数据库
网络
视频与CDN
域名与网站
工商财税 知识产权
应用服务
互联网中间件
移动研发平台 EMAS
移动研发平台EMAS-专有云
云通信
安全
大数据
人工智能
ET大脑
物联网
物联网行业方案
数字金融
管理与监控
区块链
云市场
API与工具
解决方案
钉钉
会员服务
专有云
更多
云游戏

    Message 信息状态

    更新时间：2020-08-07 20:28:58

    ★ 我的收藏
    本页目录

    Message 信息状态文档介绍了使用该组件的不同方式以及 API 文档：

    • 在 Kylin 工程中使用该组件。
    • 在其他工程中使用，通过 ESModule 的方式导入组件。

    API 文档 提供了 props、slots、events 的接口信息。

    Kylin

    1. <dependency component="{ Message }" src="@alipay/antui-vue" ></dependency>

    ESModule

    1. import { Message } from '@alipay/antui-vue';

    API 文档

    props

    属性 说明 类型 默认值
    type 按钮类型，可选值为result,multi,week,''(空字符串) string ''
    icon Icon类型，可选值为success, pay, fail, error, warn, info, wait, question，也可以传入一个class来自定义Icon string success
    main 纯文本提示主内容,当指定为false时，该占位的DOM不展示 string,boolean -
    sub 纯文本提示副内容,当指定为false时，该占位的DOM不展示 string,boolean -

    slots

    name 说明 scope
    main 用于满足props.main需要填充DOM的场景 -
    sub 用于满足props.sub需要填充DOM的场景 -
    - 用于在sub下面填充内容 -

    events

    name 说明 函数

    Demo

    成功状态

    截图

    代码

    1. <template>
    3.   <div>
    4.     <Message type="result" icon="success" main="成功" sub="成功副提示"></Message>  
    5.     <Message type="multi" icon="success" main="主提示" sub="副提示"></Message>  
    6.     <Message type="" icon="success" main="支付成功" :sub="false" ></Message>  
    7.   </div>
    9. </template>

    成功结果页

    截图

    代码

    1. <template>
    3.   <div>
    4.     <Message type="result" icon="success" main="成功" >
    5.       <template slot="sub">
    6.         内容详情，根据实际文案安排<br />如果换行不超过两行
    7.       </template>
    8.     </Message>  
    9.     <div class="am-button-wrap">
    10.       <AButton type="blue">主操作</AButton>
    11.       <AButton type="white">辅助操作</AButton>
    12.     </div>
    13.   </div>
    15. </template>
    上一篇：Loading 加载指示
    下一篇：PageResult 结果页
    相关文档
    相关产品
    • 移动开发平台mPaaS
      移动开发平台（Mobile PaaS，简称 mPaaS）是源于支付宝 App 的移动开发平台，为移动开发、测试、运营及运维提供云到端的一站式解决方案，能有效降低技术门槛、减少研发成本、提升开发效率，协助企业快速搭建稳定高质量的移动 App。
    • 移动研发平台 EMAS
      移动研发平台（Enterprise Mobile Application Studio，简称EMAS），面向企业服务市场，期望把阿里巴巴近十年在移动互联网行业沉淀的DevOps研发支撑能力、移动App基础中间件能力开放给客户，帮助传统企业快速实现移动数字化的转型目标。
    • 金融分布式架构 SOFAStack
      SOFAStack™（Scalable Open Financial Architecture Stack）包含构建金融级云原生架构所需的各个组件，也是在金融场景里锤炼出来的最佳实践。提供微服务应用开发、部署发布、监控运维、项目管理、容灾高可用等全栈式解决方案，并兼容Dubbo、Spring Cloud等微服务运行环境，提供基于虚拟机的经典PaaS运维和基于Kubernetes的云原生运维能力，助力客户各类应用轻松转型分布式和云原生架构。