# PopupPicker 弹出选择器组件

### 介绍

弹出选择器组件。

### 引入

```js
import { Vue } from 'vue';
import { PopupPicker } from '@bingoit/mobile-ui';

Vue.use(PopupPicker);
```

## 代码演示

### 基础用法
```html
<bgo-popup-picker
    title="选择选项"
    show-toolbar>
    <template #content>
        <ul>
            <li 
                v-for="item in items" 
                :key="item.id">
                {{item.label}}
            </li>
        </ul>
    </template>
</bgo-popup-picker>
```

## API

### Props

| 名称 | 说明 | 类型 | 可选值 | 默认值 |   
| --- | --- | ---- | ----- | ----- |   
| title   | 显示在加载图标下方的加载文案 | _string_ | - | - |   
| show-toolbar  | 是否顶部栏 | _boolean_ | `true` / `false` | `true` |   
| confirm-button-text | 确认按钮文字  | _string_ | - | `确认` |  
| cancel-button-text | 取消按钮文字 | _string_ | - | `取消` |   
| visible-item-count | 可见的选项个数 | _number_ | - | `6` |   
| item-height | 选项高度 | _number_ | - | `44` |  



### Events

| 事件            | 说明               | 回调参数                         |
| -------------- | ------------------ | ------------------------------ |
| click          | 当点击按钮时触发的事件 | _type: string_ , _event: Event_ |  

type参数值有:`cancel`（取消）；`confirm` （确定）；