Rapid DesignRapid Design
首页
文档
组件
高级组件
网站
Gitea
首页
文档
组件
高级组件
网站
Gitea
  • 基础

    • Button 按钮
    • FloatButton 悬浮按钮
    • Icon 图标
    • Typography 排版
  • 布局

    • Divider 分割线
    • Grid 栅格
    • Layout 布局
    • Space 间距
  • 导航

    • Breadcrumb 面包屑
    • Dropdown 下拉菜单
    • Menu 菜单
    • Pagination 分页
    • Steps 步骤
  • 输入

    • AutoComplete 自动完成
    • Cascader 级联菜单
    • Checkbox 多选框
    • ColorPicker 颜色选择器
    • DatePicker 日期选择器
    • Form 表单
    • Input 输入框
    • Radio 单选框
    • Rate 评分
    • Select 选择器
    • Slider 滑动条
    • Switch 开关
    • TreeSelect 树选择器
    • Upload 上传
  • 展示

    • Avatar 头像
    • Badge 徽标数
    • Card 卡片
    • Carousel 走马灯
    • Decorator 饰品
    • Event Calendar 日历
    • List 列表
    • Swiper 轮播图
    • Table 表格
    • Tabs 标签页
  • 反馈

    • Alert 警告提示
    • Message 全局提示
    • Modal 对话框
  • 其他

全局提示 Message

全局展示操作反馈信息。

如何使用

  • 可提供成功、警告和错误等反馈信息。
  • 顶部居中显示并自动消失,是一种不打断用户操作的轻量级提示方式。

代码演示

基本用法

最基本的用法

改变样式

按类型填充颜色

修改延迟

自定义时长 10s,默认时长为 3s

API

属性

Message 的属性说明如下:

属性说明类型默认值版本
duration自动关闭的延时,单位秒。设为 0 时不自动关闭number3
fill根据类型填充颜色booleanfalse
message提示内容string-
offset消息框距屏幕上边缘的距离,单位像素number45
onClose关闭时触发的回调函数function
type消息类型"success", "warning", "info", "error", "default""default"
最近更新: 2023/8/28 15:27
Prev
Alert 警告提示
Next
Modal 对话框