1.0.37 • Published 4 years ago

@beisen/beisen-scroll-bar v1.0.37

Weekly downloads
7
License
ISC
Repository
gitlab
Last release
4 years ago

beisen-scroll-bar

功能

BeisenScrollBar 

使用方法

import React, {Component, PropTypes} from 'react'
import {render} from 'react-dom'
import BeisenScrollBar from './src/index';
//引入必须的依赖之后,我们引入要嵌入的组件或者html,和样式文件。
import Containner from './src/outerComponent/containner';
import './src/style/componentClass.scss'

class Demo extends Component{

  handleScroll(scrollData){
      //这里我们可以获得坐标数据
      console.log(scrollData);
  }

  render () {

    //style可以设置滚动区域的整体样式。
    //当然支持手动加一个类,通过类名来控制样式(推荐)
    //contentClassName:为被包裹的内部页面套一个div,这里可以控制整个被嵌对象的样式。
    //handleScroll:回调函数,滚动时,实时获得滚动信息。
    //verticalScrollbarStyle:垂直滚动条的样式。
    //horizontalScrollbarStyle:水平滚动条的样式。

    let style = {'width':'300px','height':'300px'};
    let scrollbarStyles = {borderRadius: 5};
    return (
      <div>
          <BeisenScrollBar style={style} 
          className={'area'}
          contentClassName={'scrollContent'}
          handleScroll={this.handleScroll}
          verticalScrollbarStyle={scrollbarStyles}
          horizontalScrollbarStyle={scrollbarStyles}>
          
            <Containner />

          </BeisenScrollBar >
      </div>
    )
  }
}
render(<Demo />, document.getElementById('content'));

参考资料

@infinitebrahmanuniverse/nolb-_beisen_@everything-registry/sub-chunk-118@beisen/tub-tmpl-work-statistical@beisen/ux-company-announcement@beisen/ux-reward@beisen-cmps/italent-task-common-component@beisen-cmps/italent-feed-13@beisen-cmps/italent-feed-14@beisen-cmps/natureui-check@beisen-cmps/natureui-optional@beisen-cmps/natureui-transfer@beisen-cmps/ux-platform-application@beisen-cmps/ux-link-group@beisen/Transfer@beisen/Treepps-hr-user-infopps-succession-sudokupps-work-calendarpps-work-experienceupaas-component-demo-testupaas-component-demo3ux-platform-my-applicationux-medalux-my-all-bounty-componentux-my-bountyux-my-meetting-componentux-my-teamux-my-todo-viewux-succession-sudokuux-sudokuux-task-listux-online-user-viewux-organization-chartux-performance-todolistux-platform-applicationux-reward-order-compux-reward-wrapux-vacation-balanceux-week-daily-statisticsux-week-task-completionux-work-calendarux-work-calendar-sdux-work-experienceux-work-reportux-thunder-calendarux-todo-listux-total-defense-reportux-tub-tmpl-attended-okrux-tub-tmpl-daily-statisticalux-tub-tmpl-task-weekux-tub-tmpl-userux-tub-tmpl-work-statisticalux-unaccept-task-viewux-universal-user-infoux-user-basic-infoux-user-basic-infosux-team-daily-viewux-team-mapux-team-plan-week-completion-rateux-team-tealth-analysisux-honour-cardux-hr-user-infoux-announcementux-join-task-viewux-link-groupux-diligence-listux-evaluation-reportsux-company-announcementux-compapy-tags-order-coux-approvalux-attachment-new-typeux-attachment-typesux-bounty-increase-tree-compitalent-portalitalent-task-operate-areaitalent-user-select
1.0.37

4 years ago

1.0.36

5 years ago

1.0.35

5 years ago

1.0.34

6 years ago

1.0.33

6 years ago

1.0.32

6 years ago

1.0.31

6 years ago

1.0.30

6 years ago

0.0.1-59

7 years ago

0.0.1-58

7 years ago

0.0.1-57

7 years ago

0.0.1-56

7 years ago

0.0.1-55

7 years ago

1.0.29

7 years ago

0.0.1-54

7 years ago

0.0.1-53

7 years ago

0.0.1-51

7 years ago

0.0.1-50

7 years ago

1.0.27

8 years ago