my-idv-components

安装

$ 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	[]