< 文档首页
全部产品
弹性计算
存储
数据库
安全
大数据
人工智能
网络与CDN
视频服务
容器与中间件
开发与运维
API与工具
物联网
物联网行业方案
专有云
专有云（线下）
企业应用与服务
数字金融
域名与网站
工商财税与知识产权
解决方案
会员服务
更多

    Notice 通知

    更新时间：2021-01-08 14:34:39

    ★ 我的收藏
    本页目录

    Notice 通知文档介绍了使用该组件的不同方式以及 API 文档：

    • 在 Kylin 工程中使用该组件。
    • 在其他工程中使用，通过 ESModule 的方式导入组件。
    • API 文档 提供了 props、slots、events 的接口信息。

    Kylin

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

    ESModule

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

    API 文档

    props

    属性 说明 类型 默认值
    operation 公告的可用操作，可选go,close string null
    href operation为go时有效，点击后跳转位置 string null

    slots

    name 说明 scope
    - 公告内容 -

    events

    name 说明 函数
    close operation为close时点击关闭按钮触发 Function(): void

    Demo

    基础样式

    截图

    代码

    1. <template>
    2. <div>
    3.   <Notice>
    4.     因全国公民身份系统升级，添加银行卡
    5.   </Notice>
    6.   <Notice operation="go" href="https://www.alipay.com/">
    7.     因全国公民身份系统升级，添加银行卡
    8.   </Notice>
    9.   <Notice operation="close" @close="show = false" v-if="show">
    10.     因全国公民身份系统升级，添加银行卡
    11.   </Notice>
    12. </div>
    14. </template>
    16. <script>
    17. export default {
    18.   data() {
    19.     return {
    20.       show: true,
    21.     };
    22.   },
    23. };
    24. </script>
    上一篇：Inform 临时通知
    下一篇：Native 框架简介
    相关文档
    相关产品
    • 移动开发平台 mPaaS
      移动开发平台（Mobile PaaS，简称 mPaaS）是源于支付宝 App 的移动开发平台，为移动开发、测试、运营及运维提供云到端的一站式解决方案，能有效降低技术门槛、减少研发成本、提升开发效率，协助企业快速搭建稳定高质量的移动 App。
    • 移动研发平台 EMAS
      移动研发平台（Enterprise Mobile Application Studio，简称EMAS），面向企业服务市场，期望把阿里巴巴近十年在移动互联网行业沉淀的DevOps研发支撑能力、移动App基础中间件能力开放给客户，帮助传统企业快速实现移动数字化的转型目标。
    • 移动推送
      移动推送（Mobile Push）是提供给移动开发者的移动端消息推送服务，通过在App中集成推送功能，进行高效、精准、实时的消息推送，从而使业务及时触达用户，提高用户粘性。