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>