Message 弹窗
Dialog 弹窗
Loading 弹窗
Button 按钮

Tips: 假如你发现无法通过右键复制调用代码,请尝试长按并松开操作来复制代码 (仅支持移动端)

Message 弹窗
组件示例右键点击示例即可复制对应示例调用代码 长按后松开即可复制对应源码
普通信息
成功信息
警告信息
错误信息
标题
亮色标题info
标题
亮色标题success
标题
亮色标题warning
标题
亮色标题error
普通信息
成功信息
警告信息
错误信息
标题
暗色标题info
标题
暗色标题success
标题
暗色标题warning
标题
暗色标题error
全局设置
light
dark

message显示时间 单位ms

点击复制全局配置
功能按钮右键目标按钮即可复制对应源码哦 长按后松开即可复制对应源码

默认使用，接受全局设置

默认Info
默认Success
默认Warning
默认Error

自定义Message，自定义配置将覆盖全局配置

亮色Info
亮色Success
亮色Warning
亮色Error
标题Info
标题Success
标题Warning
标题Error
暗色Info
暗色Success
暗色Warning
暗色Error
标题Info
标题Success
标题Warning
标题Error
Dialog 弹窗
组件示例右键点击示例即可复制对应示例调用代码 长按后松开即可复制对应示例调用代码
亮色dialog
这是一个亮色dialog弹窗, 独立配置将覆盖全局配置
取消
确定
暗色dialog
这是一个暗色dialog弹窗, 独立配置将覆盖全局配置
取消
确定
无取消按钮弹窗
该弹窗没有取消按钮, 点击确定或者关闭按钮可关闭弹窗
确定
无取消按钮暗色弹窗
该弹窗没有取消按钮, 点击确定或者关闭按钮可关闭弹窗
确定

title的内容是一个dom

title和content的内容可以是字符串, 也可以是dom

取消
确定
全局设置
light
dark
隐藏取消按钮

隐藏时，确认按钮可关闭弹窗

开启关闭回调事件
开启取消回调事件
开启确认回调事件
点击复制全局配置
功能按钮右键目标按钮即可复制对应源码哦 长按后松开目标按钮即可复制对应源码

默认dialog 受全局配置影响

默认dialog

自定义Dialog，自定义配置将覆盖全局配置

亮色
暗色
无取消按钮
有取消按钮
自定义关闭回调
自定义取消回调
自定义确认回调
点击确认关闭
title内容为dom
content内容为dom
Loading 弹窗
组件示例右键点击示例即可复制对应示例调用代码 长按后松开示例即可复制对应示例调用代码
加载中...
全局设置

设置loading文案

功能按钮右键目标按钮即可复制对应源码哦 长按后松开即可复制对应源码

正常情况下loading除了调用代码关闭，否则是不会自动关闭的哦

Loading弹窗
关闭Loading

右键即可复制关闭代码

长按后松开复制关闭代码

Button 按钮
功能按钮右键目标按钮即可复制对应源码哦 长按后松开即可复制对应源码

class控制点击动效

缩小

class="gr-btn_scale"

水波纹

class="gr-btn_water"

流光波光闪烁

class="gr-btn_flicker"

立体效果

class="gr-btn_3D"