Lm-noticebar NPM

noticebar

顶部滚动提示

lm-* 组件使用 npm 进行管理，命名空间统一为 lm-，请使用以下命令进行组件安装。

npm i lm-noticebar --save

最少配置参数为：

<Noticebar 
    canClose={true}
    autoPlay={true}
>
   <ScrollV>
       <p>内容1</p>
       <p>内容2</p>
   </ScrollV>
</NoticeBar>

<Noticebar 
    canClose={true}
    autoPlay={true}
>
   <ScrollH>
       <p>内容2</p>
   </ScrollH>
</NoticeBar>

<Noticebar 
    canClose={true}
    autoPlay={true}
    noticeType={'text'}
>
    <p>内容2</p>
</NoticeBar>

Prop	Type	Default	Description
`initShow`	`boolean`	`true`	显示隐藏
`canClose`	`boolean`	`false`	是否有右侧的关闭按钮
`children`	`node`	`20`	滚动的内容
`className`	`string`	`20`	样式
`hasIcon`	`boolean`	`20`	是否显示左边喇叭按钮
`itemHeight`	`number`	`20`	每一条内容的高度，默认20px
`closeCb`	`func`	`() => {}`	点击关闭回调
`onClick`	`func`	`() => {}`	点击整个notice
`hasArrow`	`boolean`	`false`	是否有右侧箭头
`noticeType`	`string`	`''`	使用默认提供的几种类型text(普通的蓝色提示)，tips(暖色的温馨提示)，warning（偏粉色的警告）

Prop	Type	Default	Description
`speed`	`number`	3000	停留时间
`useLineHeight`	`bool`	false	当单行内容过长时，用lineHeight表示高度

Prop	Type	Default	Description
`speed`	`number`	1.0 / 30	速度，1s移动30px
`startPosition`	`number`	`0%`	初始位置
`loopPosition`	`array`	`[]`	循环起始位置, eg: "0%", "100%"