1.0.0 • Published 4 years ago

cad-scroller v1.0.0

Weekly downloads
3
License
MIT
Repository
github
Last release
4 years ago

vagteam-scroller

npm.io npm.io npm.io npm.io npm.io

基于 react 的 滚动条组件, 在线 demo

Installation

npm install vagteam-scroller --save

Usage

import React from 'react'
import Scroller from 'vagteam-scroller'

class Demo extends React.Component {
  render() {
    const tagName = ['java', 'javscript', 'C', 'C++', '前端', 'React', 'Vue', 'redux', '写作', '程序员', '编程']
	  return (
		<<Scroller
            width="100px"
            height="200px"
            isHorizontalBar={false}
            isVerticalBar={true}>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
        </Scroller>
	  )
   }
}

API

对于Scoller可以设置一些自定义属性,具体如下:

属性说明类型默认值
width宽度string100%
height高度string100%
isHorizontalBar是否显示水平滚动条booleantrue
isVerticalBar是否显示垂直滚动条booleanfalse

License

MIT