0.1.0 • Published 5 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 | [] |