vue-cyui

使用

main.js

import vueCyui from "vue-cyui"
Vue.use(vueCyui)

.vue

<CY-Assembly></CY-Assembly>
或
<W-Assembly></W-Assembly>

组件

Copy

<CY-Copy>待复制内容</CY-Copy>

Help

<CY-Help></CY-Help>

参数	说明	类型	默认值
type	类型，1：感叹号，2：问号	String	1
placement	出现位置（同elementUI的el-popover）	String	bottom
trigger	触发方式（同elementUI的el-popover）	String	hover

PageCard/PageOne/PageDouble

<CY-PageCard></CY-PageCard>
<CY-PageOne></CY-PageOne>
<CY-PageDouble></CY-PageDouble>

CY-PageDouble插槽

name	说明
top	上
bottom	下

PageTitle

<CY-PageTitle></CY-PageTitle>

参数	说明	类型	默认值
tipContent	标签tips说明内容	String	""
canBack	是否使用返回上一页功能	Boolean	false
backCallBack	返回上一页回调	Function	null

Pagination

<CY-Pagination></CY-Pagination>

参数	说明	类型	默认值
pagination	分页配置：current_page当前页，page_size每页数量，total数据总量	Object	{ current_page: 1,page_size: 10,total: 0 }
pageSize	每页显示数量切换下拉	Array	[10, 50, 200, 500]
paginationChange	分页改变回调	Function	null

Tabs

<CY-Tabs></CY-Tabs>

参数	说明	类型	默认值
tabsData	tabs数据，num值为null/undefined时不显示统计数字	Array	[ { label: "", name: "", num: "", tip: "" } ]
secondTabsData	tabs二级菜单数据	Array	[ { label: "", name: "", num: "", tip: "" } ]
tabsClickCallBack	tabs点击回调	Function	null

切换tabs选中项

this.$refs[name].changeActive(tabsActiveName)

W-Tabs

<W-Tabs></W-Tabs>

参数	说明	类型	默认值
tabsData	tabs数据，num值为null/undefined时不显示统计数字	Array	[ { label: "", name: "", num: "", tip: "" } ]
tabsActive	tabs选中项	String	""
tabsClickCallBack	tabs点击回调	Function	null