主题
RNCarousel 轮播组件
轮播当业务面板的切换使用,还不错。
- 🎭 可以是简单的内容切换
- 🎨 可以是绚丽的轮播展示
- 🎯 完全可控的切换逻辑
- 🌟 需要展示多个内容面板时
- 📋 需要轮播展示内容时
组件介绍
RNCarousel 是一个灵活的轮播面板组件,支持多种内容渲染方式,可用于业务页面切换。
基础用法
最简单的轮播面板用法, 搞几个随机的图片轮播一下。
插槽使用
多一个选择,多几种渲染的方式。
API
Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
options | 面板配置项 | Option[] | [] |
v-model | 当前面板索引 | number | 0 |
Option 配置项
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
label | 面板标签 | string | - |
value | 面板值 | string | - |
content | 面板内容 | string | (() => VNodeChild) | VNode | - |
插槽
名称 | 说明 | 参数 |
---|---|---|
[value] | 使用面板的 value 作为插槽名 | { tab: Option } |