Noticebar 通知栏

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

Events