NoticeBar 通告栏

展示静态或滚动的通知文字，可在两侧放置自定义内容。

支持平台

以下为官网文档所列的平台支持情况，具体功能及版本限制请参见本页的平台说明。

App-vue	App-nvue	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序	H5	PC	快手小程序	钉钉小程序
✓	✓	✓	✓	✓	✓	✓	✓	✓	✓	✓

基础用法

<!-- 滚动通告 -->
<fui-notice-bar content="欢迎使用" scrollable />

属性

属性	类型	说明	官网默认值
height	Number / String	高度，单位 rpx	72
content	String	通告内容	-
size	Number / String	字号，单位 rpx	28
color	String	文字颜色	#FF2B2B
bold	Boolean	是否加粗	false
background	String	背景色	rgba(255, 43, 43, .05)
padding	Array	内边距	[]
single	Boolean	是否单行显示	false
scrollable	Boolean	是否滚动，开启后 single 不生效	false
speed	Number / String	滚动速度，单位 px/s	100
activeMode	String	backwards 从头播放，forwards 从结束位置继续	backwards
param	Number / String	事件携带的自定义参数	0

事件

事件	说明	回调参数
click	点击通告内容	{ param }
leftClick	点击左侧内容	{ param }
rightClick	点击右侧内容	{ param }

非 nvue 的默认文字颜色可通过 --fui-color-danger 配置。

插槽

插槽	说明
default	通告栏左侧的自定义内容
right	右侧自定义内容