设计规范
开发者文档
用来显示错误、提示、警告、公告等信息。
- 更新 v1.4.1:增加了一个记住当前关闭状态的功能。
- 更新 v1.1.4:增加了一个可选的关闭按钮。
小尺寸(默认尺寸)
错误信息提示
禁止信息提示
成功信息提示
警示信息提示
公告信息提示
提示信息提示
提醒信息提示
疑问信息提示
六种尺寸:.input-mini, .input-small, .input-medium, .input-large, .input-xlarge, .input-xxlarge
大尺寸
错误信息提示
禁止信息提示
成功信息提示
警示信息提示
公告信息提示
提示信息提示
提醒信息提示
疑问信息提示
六种尺寸:.input-mini, .input-small, .input-medium, .input-large, .input-xlarge, .input-xxlarge
成块级
错误信息提示
错误信息提示
六种尺寸:.input-mini, .input-small, .input-medium, .input-large, .input-xlarge, .input-xxlarge
清除模式
错误信息提示
错误信息提示
清除模式区别于成块级模式,Msg内联状态独占一行,常用于表单校验
默认字体颜色
公告信息提示
公告信息提示
六种尺寸:.input-mini, .input-small, .input-medium, .input-large, .input-xlarge, .input-xxlarge
去边框和底色
错误信息提示
错误信息提示
六种尺寸:.input-mini, .input-small, .input-medium, .input-large, .input-xlarge, .input-xxlarge
带关闭按钮
此类用法必须用于msg-block类型的消息上
1.4.1版本 增加了一个记忆功能,只需要给 .sui-msg
加上一个id并且增加一个class remember
,就可以自动记住当前消息的关闭状态(即关闭之后刷新页面也不会再显示出来)。注意这个功能是使用localStorage实现的。
通知:特色中国页面自13年4月上线以来,业务整合了更多的地域营销资源
重大消息:特色中国页面自13年4月上线以来,业务整合了更多的地域营销资源
自动记住关闭状态
通知:我会自动记住自己的关闭状态,关闭我并刷新页面试试
六种尺寸:.input-mini, .input-small, .input-medium, .input-large, .input-xlarge, .input-xxlarge
多行模式
多行提示展示
1、多行提多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示
2、多行提多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示
1、多行提多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示
2、多行提多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示
多行提示展示
1、多行提多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示
2、多行提多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示多行提示展示
六种尺寸:.input-mini, .input-small, .input-medium, .input-large, .input-xlarge, .input-xxlarge