Skip to content

RNCarousel 轮播组件

轮播当业务面板的切换使用,还不错。

  • 🎭 可以是简单的内容切换
  • 🎨 可以是绚丽的轮播展示
  • 🎯 完全可控的切换逻辑
  • 🌟 需要展示多个内容面板时
  • 📋 需要轮播展示内容时

组件介绍

RNCarousel 是一个灵活的轮播面板组件,支持多种内容渲染方式,可用于业务页面切换。

基础用法

最简单的轮播面板用法, 搞几个随机的图片轮播一下。

插槽使用

多一个选择,多几种渲染的方式。

API

Props

参数说明类型默认值
options面板配置项Option[][]
v-model当前面板索引number0

Option 配置项

参数说明类型默认值
label面板标签string-
value面板值string-
content面板内容string | (() => VNodeChild) | VNode-

插槽

名称说明参数
[value]使用面板的 value 作为插槽名{ tab: Option }

基于 MIT 许可发布.