Appearance
c-row-notice 水平滚动通知
c-row-notice 用于水平滚动展示通知信息。
基础用法
vue
<template>
<c-row-notice text="这是一个滚动的通知公告" mode="closable"></c-row-notice>
</template>Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| text | 显示的内容 | String/Number | '' |
| icon | 左侧图标名称 | String | 'volume' |
| mode | 模式 (link:右箭头, closable:关闭图标) | String | '' |
| color | 文字和图标颜色 | String | '#f9ae3d' |
| bgColor | 背景颜色 | String | '#fdf6ec' |
| fontSize | 字体大小 (px) | String/Number | 14 |
| speed | 滚动速度 (px/s) | String/Number | 80 |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| click | 点击通告文字触发 | - |
| close | 点击右侧关闭图标触发 | - |