pd-select

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #llm #golang #android #machine-learning #rust #docker #java #windows #pytorch #open-source

(★ 104)

vue components ,like ios 3D picker style,vue 3d 选择器组件,3D滚轮

pd-select Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![npm](https://img.shields.io/npm/v/pd-select.svg)](https://www.npmjs.com/package/pd-select)

## pd-select mobile wheel select

### [demo](https://www.k186studio.com/demos/iosPicker/)

| browser       | version       |
| ------------- |:-------------:|
| IE            | >11           |
| Edg           | >=16          |
| Firefox       | >=57          |
| chrome        | >=47          |
| safari        | >=11          |
| iOS Safari    | >=9.3         |
| Chrome for Android    | >=62         |
| Samsung Internet    | >=6.2         |

Build Setup

```
# install dependencies
npm install

# run dev
npm run dev

```
### install
```
npm i pd-select -S

```

### example
```
import pdSelect from 'pd-select'

Vue.use(pdSelect)

//other code

```

### props
```
  @param value {String} current select value or init value
  @param data {Array} loop array value
  @param type {String} 'cycle' ,default 'line'
```
 
### manual init itemData (update value change view)

```
use $refs to manual trigger component's init event to update view just like demo
```
### Buy me a cup of coffee

![buycoffee](http://okzvi7b4z.bkt.clouddn.com/image/github/buymecoffee/alipay.jpg)

### [how i build this](https://segmentfault.com/a/1190000009276918)

### todo 2.0
支持 点击

touch 事件换hammerjs

~~webapack 构建~~

~~极限 缓动~~
~~支持手动初始化~~

pd-select

pd-select Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

pd-select

pd-select Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README