0.1.0 • Published 6 years ago
安装
$ npm install my-idv-components -S
使用
在 main.js 文件中引入插件并注册
//全局注册
import myComponents from 'my-idv-components'
import myComponents from 'my-idv-components/lib/my-idv-components.css'
Vue.use(myComponents)
//局部注册
import {LoadMore} from '../packages/index'
import myComponents from 'my-idv-components/lib/my-idv-components.css'
Vue.use(LoadMore)
在项目中使用
<template>
<load-more />
</template>
<script>
export default {
data () {
return {
}
}
}
</script>
组件
LoadMore
| 参数 | 说明 | 类型 | 默认值 |
|---|
| currentPage | 页码 | Number | 1 |
| pageSizes | 页长 | Number | 10 |
| scrollEle | 滚动元素 | String | 'body' |
| total | 数据总条数 | Number | 无 |
| dataLength | 取到的数据长度 | Number | '无' |
Pagination
| 参数 | 说明 | 类型 | 默认值 |
|---|
| total | 数据总条数 | Number | 无 |
| currentPage | 页码 | Number | 1 |
| pageSize | 页长 | Array | 10, 20, 30, 50 |
| layout | 布局 | String | 'total, sizes, prev, pager, next, jumper' |
| background | 是否有背景 | Boolean | true |
| autoScroll | 是否滚动 | Boolean | true |
| hidden | 是否隐藏 | Boolean | false |
TableMoveX
| 参数 | 说明 | 类型 | 默认值 |
|---|
| left | 距离页码左边的距离 | Number | 20 |
| right | 距离页码左边的距离 | Number | 20 |
TableSearchBtn
| 参数 | 说明 | 类型 | 默认值 |
|---|
| handleFilter | 搜索的函数 | Function | 无 |
| fuzzySearch | 模糊搜索 | Object | {} |
| exactSearch | 精确搜索 | Object | {} |
| compareSearch | 比较搜索 | Object | {} |
| timeSearch | 时间区间搜索 | Object | {} |
TimeSearch
| 参数 | 说明 | 类型 | 默认值 |
|---|
| label | 搜索字段对应中文名 | String | "" |
| boundary | 搜索的值 | Array | [] |