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