0.1.3 • Published 3 years ago
gen-components
安装
npm install gen-components --save
yarn add gen-components
使用
在main.js中引入
import genComponents from 'gen-components';
import 'gen-components/lib/gen-components.css';
Vue.use(genComponents)
组件
动态数字
<NumberCounter number="12345" />
或
<number-counter number="12345" />
API
| 参数 | 说明 | 类型 | 默认值 |
|---|
| number | 数字 | String, Number | - |
| time | 自增时间，数字越大自增越慢 | String, Number | 1 |
周选择器
多用于移动端，默认近一年的日期，beforeDays可设置近N天的周日期
<WeekPicker beforeDays="730" />
或
<week-picker beforeDays="730" />
API
| 参数 | 说明 | 类型 | 默认值 |
|---|
| beforeDays | 天数 | String，Number | 365 |
| scrollBottom | 是否滚动到底部 | Boolean | true |
Events
| 事件名 | 说明 | 回调参数 |
|---|
| onSelect | 选择日期时触发 | selectValue：String |
标签选择器
复选框和单选框的复合选择器
<tag-selector beforeDays="730" />
或
<TagSelector beforeDays="730" />
API
| 参数 | 说明 | 类型 | 默认值 | 举例 |
|---|
| options | 选项数组(必须) | Array | [] | { text: "扫码", value: "scan" } |
| mode | 选择模式（可选值为 multiple） | string | single |
| colCount | 列数 | String, Number | 4 |
| size | 字体大小 | String, Number | 12 |
Events
| 事件名 | 说明 | 回调参数 |
|---|
| onSelect | 选择标签内容时触发 | selectValue：Array |