Question

import { Noticebar } from 'feui';
components: {
  [Noticebar.name]: Noticebar
}

基础用法

<fe-noticebar
  text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈
  哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！"  
></fe-noticebar>

添加左边图标

<divider>加个小喇叭-图片</divider> 
<fe-noticebar
  text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈哈
  哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！"  leftIcon='notice' 
  leftImg="data:image/png;base64,iV...II="
></fe-noticebar>
<divider>加个小喇叭-字体图标</divider> 
<fe-noticebar
  text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈哈哈
  哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！"  leftIcon='notice' 
></fe-noticebar>

不滚动效果

<fe-noticebar :scrollable="false"  text="学生辗转8千里回家才发现房子被拆，
  家人竟然忘了告知！哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！" >
</fe-noticebar>

添加右边图标

<divider>有图标能关闭</divider> 
<fe-noticebar   type="beclosed" text="学生辗转8千里回家才发现房子被拆，家人竟
  然忘了告知！哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！" >
</fe-noticebar>
<divider>有图标不能关闭</divider> 
<fe-noticebar type="link" text="学生辗转8千里回家才发现房子被拆，家人竟然忘
  了告知！哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！" >
</fe-noticebar>

自定义颜色

<fe-noticebar type="link" color='#fff' background='#4a90e2' leftIcon='notice'  
  text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈哈哈哈哈哈哈，
  红红火火哈哈哈哈哈红红火火哈哈！" >
</fe-noticebar>

延时特效

<fe-noticebar type="link" color='#fff' delay=2  background='#4a90e2' 
  leftIcon='notice'  text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！
  哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！" >
</fe-noticebar>

设置滚动速度

<fe-noticebar type="link" color='#fff' speed=200  background='#4a90e2' 
  leftIcon='notice'  text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！
  哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！" >
</fe-noticebar>

API

参数	说明	类型	默认值	可选值
text	滚动显示的文字	String	-	-
type	通知栏右边图标样式	String	-	beclosed，link
leftImg	左侧图标图片链接,优先级大于leftIcon	String	-	-
leftIcon	左侧字体图标类型，与leftImg任选其一即可	String	-	-
color	文本颜色	String	#FF5B00	-
background	背景颜色	String	#FFE1AF	-
delay	动画延迟时间，单位秒	Number	1	-
speed	滚动速率，单位px	Number	50	-
-	-	-	-	-

Events

事件名	参数	说明	备注
on-click	-	通知栏点击事件	-
-	-	-