主页 组件 更新日志 其它

BeCarousel 轮播图

基础Carousel

    显示代码

    基础Carousel，结合图片预览。

      显示代码

      竖直方向的Carousel

        显示代码

        没有动画的Carousel

          显示代码

          卡片式Carousel

          显示代码

          BeCarousel Attributes

          参数 说明 类型 可选值 默认值
          direction 展示的方向 string vertical/horizontal horizontal
          loop 是否循环显示 boolean true/false true
          type 类型 string ''/none/card ''
          arrow 箭头的显示时机 string always/hover/never hover
          indicatorPosition 指示器的位置 string outside/none none
          hideIndicator 隐藏指示器 boolean true/false false
          hideArrow 隐藏箭头 boolean true/false false
          interval 自动切换的时间间隔(ms) number - 3000
          autoplay 自动切换 boolean true/false true
          trigger 指示器的触发方式 string 'click'/'hover' click
          initialIndex 初始状态激活的幻灯片的索引 number - 0
          height 高度 string - 300px

          BeCarousel Events

          事件名称 说明 回调参数
          change 幻灯片切换时触发 目前激活的幻灯片的索引，原幻灯片的索引

          BeCarouselItem Slot

          name 说明
          default 默认slot
          Contributors
          BeerUi
          Turf.js中文网
          Resource
          svelte
          svelteKit
          @brewer/beerui
          Github
          组件 BeerUi