Skip to content

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/Number14
speed滚动速度 (px/s)String/Number80

Events

事件名说明回调参数
click点击通告文字触发-
close点击右侧关闭图标触发-