https://github.com/colmugx/wepy-com-selectab

(Deprecated)(不再维护)选择数量或者其他单选操作，可用于座位选择。wepy组件。
https://github.com/colmugx/wepy-com-selectab

wepy wepy-com

Last synced: 2 months ago
JSON representation

(Deprecated)(不再维护)选择数量或者其他单选操作，可用于座位选择。wepy组件。

• Host: GitHub
• URL: https://github.com/colmugx/wepy-com-selectab
• Owner: colmugx
• Archived: true
• Created: 2018-01-13T15:03:39.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-19T03:53:42.000Z (about 7 years ago)
• Last Synced: 2024-10-29T03:18:52.121Z (3 months ago)
• Topics: wepy, wepy-com
• Language: JavaScript
• Homepage:
• Size: 3.91 KB
• Stars: 8
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-wepy - wepy-com-selectab: 选择数量或者其他单选操作，可用于座位选择的组件

README

        
# wepy-com-selectab

[![NPM](https://nodei.co/npm/wepy-com-selectab.png)](https://nodei.co/npm/wepy-com-selectab/)

> 适用于选座位等数字或者类型选择的组件，这是一个从`Bandix`独立出来的组件。

早期Vue实现版本（异曲同工）：[https://github.com/ColMugX/vue-number-tab](https://github.com/ColMugX/vue-number-tab)

![](https://github.com/ColMugX/vue-number-tab/raw/master/screenshots/1.gif)

## 安装 Install

> npm install -S wepy-com-selectab

## 使用 Usage

```js

import Selectab from 'wepy-com-selectab'

export ...

    components = {

        selectab: Selectab

    }

```

```vue

```

默认是选择数字，从`1`到`4`，颜色是`#444751`

## 配置 Options

### Api

| 参数       | 说明               | 类型              | 可选值         | 默认值     |

| -------- | ---------------- | --------------- | ----------- | ------- |

| total    | 数字的总数，或者通过数组传入数据 | [Array] | -           | [1, 2, 3, 4]       |

| value    | 组件默认选择数据         | [String]        | -           | 1       |

| bgColor  | 选择区块颜色           | String          | -           | #444751 |

### Event

| 参数        | 说明       | 返回值              |

| --------- | -------- | ---------------- |

| selected | 获取当前选择数据 | [String] |