使用

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 |