0.0.2 • Published 8 years ago

now-display-banner v0.0.2

Weekly downloads
1
License
MIT
Repository
-
Last release
8 years ago

now-display-banner 滚动banner

默认支持的图片的高宽比是 2:5, 并且根据宽度变化，高度会自适应， 如果需要支持其他尺寸的图片，请参考Props 设置.

API

属性说明类型默认值是否必传
widthbanner 展示的区域宽度number父级元素的宽度否
ratiobanner 展示图片的高宽比，用于适配, 例如banner 图片是 100* 40 那么 ratio=40/100number0.4否
itemsbannner的数据object-是
currentIndex展示的banner索引number-否
onClickBanner点击bannerfunction-否
autoChange是否自动切换booleantrue否
rate自动切换的频率（ms）number5000否

安装

npm install now-display-banner

传参示例

import Banner from 'now-display-banner'
const props = {
    items: [{
        picUrl: 'https://pub.idqqimg.com/pc/misc/files/20170324/8d0f7c5842054d37a7b2bc12660986b0.png',
    }, {
        picUrl: 'https://pub.idqqimg.com/pc/misc/files/20170324/52425fcfe6564c349352fe0a66fdbb84.png'
    }, {
        picUrl: 'https://p.qpic.cn/qqconadmin/0/4bd001ff385c45ddac39f3e0827ac30f/0'
    }],
    currentIndex: 0
}

<Banner {...props} />
now数据组件
classnameseventnamenow-base-imagereact
@infinitebrahmanuniverse/nolb-now@everything-registry/sub-chunk-2335
0.0.2

8 years ago