Skip to content

react mobile picker选择器,一级、二级联动,三级联动城市选择器

Notifications You must be signed in to change notification settings

springalskey/picker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

移动端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

About

react mobile picker选择器,一级、二级联动,三级联动城市选择器

Resources

Stars

Watchers

Forks

Packages

No packages published