Announcement 公告
默认
This is the content of the notification -1
多条轮播
(1/2) This is the content of the notification -1
(1/2) This is the content of the notification -2
(1/3) This is the content of the notification -1
(1/3) This is the content of the notification -2
(1/3) This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification -3
(1/4) This is the content of the notification -1
(1/4) This is the content of the notification -2
(1/4) This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification -3
(1/4) This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification -4
设置内容区域宽度
(1/4) This is the content of the notification -1
(1/4) This is the content of the notification -2
(1/4) This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification -3
(1/4) This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification -4
设置最多显示行数
默认最多显示 1 行，可配置为最多显示 3行
(1/2) This is the content of the notification -1
(1/2) This is the content of the notification -2
(1/3) This is the content of the notification -1
(1/3) This is the content of the notification -2
(1/3) This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification -3
(1/4) This is the content of the notification -1
(1/4) This is the content of the notification -2
(1/4) This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification -3
(1/4) This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification -4
配合弹窗显示详细消息
(1/4) This is the content of the notification -1
(1/4) This is the content of the notification -2
(1/4) This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification -3
(1/4) This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification -4
固定顶部
已固定到顶部
(1/2) This is the content of the notification -1
(1/2) This is the content of the notification -2
顶部偏移
已固定到顶部
(1/4) This is the content of the notification -1
(1/4) This is the content of the notification -2
(1/4) This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification -3
(1/4) This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification This is the content of the notification -4
Announcement Props
| 参数 | 介绍 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| items | 通知条目 | Array<Item> | — | — |
| max-content-width | 最大内容区域宽度 | String, Number | — | — |
| fixed | 是否固定在顶部 | Boolean | — | false |
| offset-top | fixed 时，距离顶部偏移 | Number | — | 0 |
| max-lines | 最多显示行数 | Number | 1, 3 | 1 |
js type Item { content: string; // 通知内容 link: string; // 通知跳转链接 }
Announcement Events
| 名称 | 介绍 | 参数 |
|---|---|---|
| click | 点击通知时触发 | index: 被点击通知下标 |