fs-notice-bar 通知栏组件

通知栏组件，用于在页面顶部显示重要的提示信息，支持警告和错误两种样式。

使用方法

局部引入，在需要引入的页面或组件的index.json中配置。

"usingComponents": {
  "fs-notice-bar": "ava-ui/fxui/fs-notice-bar/index"
}

代码演示

API

属性

属性名	类型	默认值	说明
text	String	''	通知内容
type	String	'warning'	通知类型：warning(橙色警告) / error(红色错误)
showIcon	Boolean	true	是否显示左侧图标
icon	String	''	自定义图标，默认根据type自动选择
closable	Boolean	false	是否显示关闭按钮
marquee	Boolean/Object	false	跑马灯效果，true启用默认配置，对象可自定义配置
customStyle	String	''	自定义样式
textStyle	String	''	文本自定义样式，可设置字体大小、颜色等

marquee 配置说明

当 marquee 为对象时，支持以下配置：

属性名	类型	默认值	说明
speed	Number	50	滚动速度（px/s）
loop	Number	-1	循环播放次数，-1表示无限循环，0表示不循环播放
delay	Number	0	延迟开始时间（ms）

事件

事件名	说明	回调参数
click	点击通知栏时触发	-
close	点击关闭按钮时触发	-

打开预览