node package manager
Painless code sharing. npm Orgs help your team discover, share, and reuse code. Create a free org »

spring-picker

移动端react选择器,支持拓展二级联动,三级联动

How to use

$ npm install spring-picker -S

import 'spring-picker/lib/style.css';
import { Picker, Popup } from 'spring-picker';

<Popup
  onCancel={this.cancelUserPicker.bind(this)}
  onConfirm={this.closeUserPicker.bind(this)}
  visible={this.state.userPickerVisible}>
  <Picker
    onChange={this.handleChangeUser.bind(this)}
    data={this.userData}
  />
</Popup>

How to run

# install dependencies
npm install

# run server
npm start

# build for production with minification
npm run build

preview

Chrome打开开发者工具,切换到手机模拟器预览
https://springalskey.github.io/picker/index.html#/picker-demo

mobile qrcode preview

image

example1

image

example2

image