NoticeBar通告栏

author: 闫申申

定义

页卡组件。

图片展示

NoticeBar 通告栏 - 图1

代码演示

  2. import NoticeBar from 'pile/dist/components/noticebar'
  3. <NoticeBar iconHtml={} styleType="layout"  message="通告栏提示文本" closeIconShow={true}/>

属性

参数 描述 数据类型 默认值
show 是否展示 bool true
closeIconShow 是否显示关闭按钮 bool false
message 通告栏提示文本 string ""
isShadowStyle 展示类型 false：通栏展示 ，true：白色背景带阴影的通栏 bool false
iconHtml icon图标 html 结构 ""
speed 速度 number 3
rollingUp 是否开启上下翻滚 string false
duration 翻滚动画执行的时间 number .8
scrollDuration 左右滚动停顿时常 number 3000
scrollDefaultLeft 左右滚动时初始位置 number 10

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-noticebar.html