Skip to content

Noticebar 通知栏

参数

参数说明类型可选值默认值
text文本内容string / array
direction方向stringhorizontal / verticalhorizontal
color姿态颜色string#444444
background-color背景颜色string#ffffff
scrollable能否滑动booleanfalse
closeable能否关闭booleanfalse
icon左侧图标类名string
duration滑动时长(秒)number10

示例

基本用法

html
<cl-noticebar text="云想衣裳花想容,春风拂槛露华浓。"></cl-noticebar>

带图标

html
<cl-noticebar icon="cl-icon-notification" text="云想衣裳花想容,春风拂槛露华浓。"></cl-noticebar>

可关闭

html
<cl-noticebar text="云想衣裳花想容,春风拂槛露华浓。" closeable></cl-noticebar>

可滑动

html
<cl-noticebar text="云想衣裳花想容,春风拂槛露华浓。" scrollable></cl-noticebar>

不同方向

text 需为数组

html
<cl-noticebar
	:text="['云想衣裳花想容,春风拂槛露华浓。', '这世界那么多人']"
	direction="vertical"
	scrollable
	:duration="5"
></cl-noticebar>