mirror of https://github.com/ElemeFE/element
				
				
				
			
						commit
						e450e21ff4
					
				|  | @ -107,7 +107,7 @@ | |||
| 
 | ||||
| ### 分栏偏移 | ||||
| 
 | ||||
| 分栏支持按一定的栏数进行偏移。 | ||||
| 支持偏移指定的栏数。 | ||||
| 
 | ||||
| ::: demo 通过制定 col 组件的 `offset` 属性可以指定分栏偏移的栏数。 | ||||
| ```html | ||||
|  |  | |||
|  | @ -70,10 +70,12 @@ | |||
| 
 | ||||
| ## Message 消息提示 | ||||
| 
 | ||||
| 反馈提示,比 Notification 更为小巧。 | ||||
| 常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。 | ||||
| 
 | ||||
| ### 基础用法 | ||||
| 
 | ||||
| 从顶部出现,3 秒后自动消失。 | ||||
| 
 | ||||
| :::demo Message 在配置上与 Notification 非常类似,所以部分 options 在此不做详尽解释,文末有 options 列表,可以结合 Notification 的文档理解它们。Element 注册了一个`$message`方法用于调用,Message 可以接收一个字符串作为参数,它会被显示为正文内容。 | ||||
| 
 | ||||
| ```html | ||||
|  | @ -95,13 +97,14 @@ | |||
| 
 | ||||
| ### 不同状态 | ||||
| 
 | ||||
| Message 提供了四种类型:`success`,`info`,`warning`,`error`,由不同图标表示。 | ||||
| 用来显示「成功、警告、消息、错误」类的操作反馈。 | ||||
| 
 | ||||
| :::demo 当需要自定义更多属性时,Message 也可以接收一个对象为参数。比如,设置`type`字段可以定义不同的状态,默认为`info`。此时正文内容以`message`的值传入。 | ||||
| ```html | ||||
| <template> | ||||
|   <el-button :plain="true" @click.native="open2">成功</el-button> | ||||
|   <el-button :plain="true" @click.native="open3">警告</el-button> | ||||
|   <el-button :plain="true" @click.native="open">消息</el-button> | ||||
|   <el-button :plain="true" @click.native="open4">错误</el-button> | ||||
| </template> | ||||
| 
 | ||||
|  | @ -136,7 +139,7 @@ Message 提供了四种类型:`success`,`info`,`warning`,`error`,由 | |||
| 
 | ||||
| ### 可关闭 | ||||
| 
 | ||||
| 可以设置为手动关闭的 Message。 | ||||
| 可以添加关闭按钮。 | ||||
| 
 | ||||
| :::demo 默认的 Message 是不可以被人工关闭的,如果需要可手动关闭的 Message,可以使用`showClose`字段。此外,和 Notification 一样,Message 拥有可控的`duration`,设置`0`为不会被自动关闭,默认为 3000 毫秒。 | ||||
| ```html | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue
	
	 杨奕
						杨奕