uniapp组件uv-tabs的API
时间: 2023-08-03 11:04:07 浏览: 340
uni-app 中的 `uv-tabs` 组件是由 uView UI 库提供的自定义组件,其 API 如下:
### Props
| 属性名 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| tabs | Array | [] | 标签页数组,每个标签页应该是一个对象,对象包含以下属性:<br>- label:标签页标题<br>- disabled:是否禁用<br>- dot:是否显示小红点 |
| activeIndex | Number | 0 | 当前选中的标签页索引 |
| color | String | #606266 | 标签页标题颜色 |
| activeColor | String | #2979ff | 当前选中的标签页标题颜色 |
| backgroundColor | String | #F5F5F5 | 标签页背景颜色 |
| swipeThreshold | Number | 4 | 滑动切换标签页的阈值,单位为 rpx |
| animation | Boolean | true | 是否开启切换标签页的动画效果 |
| duration | Number | 300 | 切换标签页的动画时间,单位为 ms |
| easingFunction | String | easeInOutCubic | 切换标签页的动画缓动函数 |
| zIndex | Number | 99 | 组件 z 轴的层级 |
### Events
| 事件名 | 说明 | 回调参数 |
| --- | --- | --- |
| change | 标签页切换时触发 | activeIndex:切换后的标签页索引 |
### Slots
| 名称 | 说明 |
| --- | --- |
| default | 自定义标签页内容 |
更详细的 API 说明可以参考 uView UI 官方文档:[https://www.uviewui.com/components/tabs.html](https://www.uviewui.com/components/tabs.html)。
阅读全文