# my-picker
**Repository Path**: laden666666/my-picker
## Basic Information
- **Project Name**: my-picker
- **Description**: 高仿IOS的PickerView的JavaScript插件，3D形式的滚轮选择器，同时支持最多三级联动的选择效果，支持pc端和移动端两种平台浏览器。
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 8
- **Forks**: 3
- **Created**: 2018-05-08
- **Last Updated**: 2022-06-24
## Categories & Tags
**Categories**: webui
**Tags**: None
## README
my-picker
高仿IOS的PickerView的JavaScript插件，3D形式的滚轮选择器，同时支持最多三级联动的选择效果，支持pc端和移动端两种平台浏览器。支持chrome及移动端默认浏览器、ie（10-11）、火狐浏览器。
### 功能
* 0、3D形式的滚轮选择器，带有透视效果
* 1、选择器的前缀与后缀
* 2、级联选择器
* 3、提供选择音效，更接近原生控件
* 4、支持手机和pc
## 使用文档
请参考[https://laden666666.github.io/my-picker/](https://laden666666.github.io/my-picker/ "")
## 源码
[github](https://github.com/laden666666/my-picker "") ，[码云](https://gitee.com/laden666666/my-picker "")
## 兼容性
3D模式
| Android | Firefox | Chrome | iPhone | Edge | Safari
|
| >=5 | √ | √ | √ | √ | √ |
非3D模式
| Android | Firefox | Chrome | IE | iPhone | Edge | Safari
|
| >=4.4 | √ | √ | >=10 | √ | √ | √ |
移动端demo效果图:
pc端demo效果图:
## 安装
### 浏览器环境
浏览器环境直接导入dist下的**my-picker.js**和**my-picker.css**文件即可，也可以使用npm提供的cdn：
```html
```
### webpack环境
执行cli命令
```javascript
npm i my-picker -S
```
并在js文件中引用
```javascript
import myPicker form 'my-picker'
import 'my-picker/my-picker.css'
```