evelynzhang88 / picker

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

移动端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选择器,一级、二级联动,三级联动城市选择器


Languages

Language:JavaScript 65.3%Language:CSS 32.4%Language:HTML 2.3%