滚动通知
一个滚动通知组件。
属性
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
hoverClass | String | pure-hover | 指定按下去的样式类 |
list | Array[Object, String] | - | 数据列表 |
keyName | String | - | 通知内容的字段名,如果为空则取数组元素作为通知内容 |
showIcon | Boolean | true | 是否显示通知图标 |
iconName | String | __gonggao | 通知图标名称 |
showArrow | Boolean | true | 是否显示右侧箭头图标 |
arrowIconName | String | __you2 | 右侧箭头图标名称 |
showClose | Boolean | true | 是否显示关闭按钮 |
closeIconName | String | __cuo | 关闭图标名称 |
vertical | Boolean | false | 是否垂直滚动 |
speed | Number | 30、100 | 滚动速度,既每秒移动的距离,单位:px ,横向默认 100px/s ,纵向默认 30px/s |
sticky | Boolean | false | 是否贴边停靠模式,滚动到最左侧或最顶部后停顿一下 |
stickyDuration | Number | 3000 | 贴边停靠模式下,停顿时间,单位:ms |
名称 | 参数 | 说明 |
---|---|---|
@onItemClick | index: 下标; item: 数据项 | 点击通知项时触发 |
@onArrowClick | - | 点击右侧箭头图标时触发 |
@onCloseClick | - | 点击关闭按钮时触发 |
插槽
名称 | 参数 | 说明 |
---|---|---|
#left | - | 左侧内容,在最左侧,通知图标前面 |
#right | - | 右侧内容,在最右侧,关闭按钮后面 |