1.1.0 • Published 7 years ago
zent-alert v1.1.0
zent-alert
警告提示/公告组件,注意: 该组件渲染在文档流中,并不是position: fixed
。
宽度会填满containing block的宽度,实际内容的布局需使用者自己控制,zent-alert
仅仅提供了很
基本的布局和样式。
如果有一些页面的公告结构复杂(比如有多行不同样式的文案,以及一些按钮),可以在zent-alert
的
基础上抽象一个业务组件将需求封装起来,然后在不同的页面重用。
使用场景
页面上需要一个醒目的提示信息时使用:
- 概况页通栏公告
- 业务公告提示
- 操作反馈提示
注意:
- 概况页通栏公告文字最多为45个字(包含标点符号),字数尽可能的精简,减少用户阅读障碍。
- 业务公告提示文字最多45个字(包含标点符号),字数尽可能的精简,减少用户阅读障碍。
- 操作反馈提示文字建议最多在20个字之内。
公告类按钮建议最多两个,尽量只有一个行动点。
API
参数 | 说明 | 类型 | 默认值 | 备选值 |
---|---|---|---|---|
type | 必填参数,警告提示的样式 | string | 'info' | 'info' , 'warning' , 'danger' |
size | 可选参数,alert的大小 | string | 'normal' | 'normal' , 'large' |
rounded | 可选参数,是否圆角 | bool | false | true , false |
closable | 可选参数,默认不可关闭 | bool | false | true , false |
onClose | 可选参数,关闭时的回调 | func | noop | |
className | 可选参数,自定义额外类名 | string | '' | '' |
prefix | 可选参数,自定义前缀 | string | 'zent' | null |
1.1.0
7 years ago
1.1.0-beta5
7 years ago
1.1.0-beta4
7 years ago
1.1.0-beta1
7 years ago
1.0.16
7 years ago
1.0.15
7 years ago
1.0.14
7 years ago
1.0.13
7 years ago
1.0.12
7 years ago
1.0.11
7 years ago
1.0.10
7 years ago
1.0.9
7 years ago
1.0.8
7 years ago
1.0.8-beta2
7 years ago
1.0.8-beta1
7 years ago
1.0.7
7 years ago
1.0.6
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago