# Notice 滚动公告
# 基础用法
unify-data
数据结构
data: [{
title: "黄沙百战穿金甲,不破楼兰终不还。——王昌龄《从军行》"
},
{
title: "愿君学长松,慎勿作桃李。——李白《赠韦侍御黄活裳二首》"
},
{
title: "日月之行,若出其中;星汉灿烂,若出其里。——曹操《观沧海》"
}]
<unify-notice :unify-data="data"></unify-notice>
# Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
unify-data | 数据 | Array | - | - |
interval | 切换时长(毫秒) | String/Number | - | 3000 |
vertical | 是否竖向滚动 | Boolean | true/false | false |
height | 高度 | String/Number | - | 66 |
font-size | 文字尺寸 | String/Number | - | 28 |
font-color | 文字颜色 | String | - | color-main |
icon-size | 图标尺寸 | String/Number | - | 32 |
icon-name | 图标名称 | String | - | iconbroadcast_fill |
icon-color | 图标颜色 | String/Number | - | color-theme |
# Event
事件名 | 说明 | 回调参数 |
---|---|---|
@click | 点击事件 | 当前公告下标的数据 |
← Loading 加载更多 Score 评分 →