Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

b-carousel

xiaobeibei12127MIT1.0.9

A carousel plugin with Vue

carousel, Vue

readme

carousel-vue

A carousel plugin with Vue

# 安装依赖
npm install

# 运行demo
npm run dev

使用方式

  • 导入

    import Carousel from 'b-carousel';
    Vue.use(Carousel);
  • 组件使用

    <b-carousel :defaultIndex="3">
     <b-carousel-item><img src="./assets/images/0.png"></b-carousel-item>
     <b-carousel-item><img src="./assets/images/1.png"></b-carousel-item>
     <b-carousel-item><img src="./assets/images/2.png"></b-carousel-item>
     <b-carousel-item><img src="./assets/images/3.png"></b-carousel-item>
     <b-carousel-item><img src="./assets/images/4.png"></b-carousel-item>
    </b-carousel>

参数说明

speed:轮播的速度,默认 300ms

defaultIndex: 轮播的起始帧,默认 0

auto:轮播的时间间隔,默认 3000ms,0 代表不自动轮播

showIndicators:是否显示指示点,默认 true