平台兼容性

NoticeBar 通知栏

通知栏组件，组件名：semp-notice-bar，代码块： sempNoticeBar。

使用方式：

在 script 中引用组件

import sempNoticeBar from "@/components/semp-notice-bar/semp-notice-bar.vue"
export default {
    components: {sempNoticeBar}
}

单行多行

<semp-notice-bar strText="为了确保您的资金安全，请设置支付密码"></semp-notice-bar>
<semp-notice-bar rows strText="为了确保您的资金安全，请设置支付密码。为了确保您的资金安全，请设置支付密码。为了确保您的资金安全，请设置支付密码."></semp-notice-bar>

文字滚动 多行滚动消息必须上传消息数组 默认滚动

单行只能无缝滑动
<semp-notice-bar scrollable showType="slider" strText="为了确保您的资金安全，请设置支付密码。为了确保您的资金安全，请设置支付密码。为了确保您的资金安全，请设置支付密码."></semp-notice-bar>   

显示图标、情景色、圆角

<semp-notice-bar strText="为了确保您的资金安全，请设置支付密码" :type="icon" :color="color"></semp-notice-bar>

自动关闭

<semp-notice-bar :showTime="5000" icon="alert-circle" scrollable strText="为了确保您的资金安全，请设置支付密码。为了确保您的资金安全，请设置支付密码。为了确保您的资金安全，请设置支付密码."></semp-notice-bar>

属性说明：

事件说明：