1.0.3 • Published 6 years ago

panda-vue-carousel v1.0.3

Weekly downloads
3
License
MIT
Repository
github
Last release
6 years ago

panda-vue-carousel

  • 基于 Vue2.0 开发,基本满足大部分功能
  • 轻量、高性能轮播插件。目前支持 无缝衔接自动轮播、无限轮播、手势轮播等

demo

git clone https://github.com/webkonglong/panda-vue-carousel.git
cd panda-vue-carousel
npm install

更改根目录webpack.config.js第5行第6行
注视第5行(entry: './src/lib/index.js',)
打开第六行(entry: './src/main.js',)
npm run dev

🎉 觉得好用给一个 star 哦~ 🎉

Install

npm install panda-vue-carousel --save

## Usage

```javascript
import Carousel from 'panda-vue-carousel';

components: { Carousel }

//异步加载轮播图的情况 props.data是你数组里面的每一个对象
<Carousel :data="list" v-if="list.length">
  <img class="step-1" slot-scope="props" :src="props.data.src" alt="" />
</Carousel>

API

属性说明默认
autoPlay是否自动轮播true
datalist数据
delayed每两次隔多久滚动一次2500
duration每次滚动一页需要多久时间500
infinite是否可以无限轮播true
padding每一条数据的宽度 = 页面整体宽度 - 此项设置0
margin每一条数据中间的间距0

Other

  • 可以通过覆盖我的样式进行自定义样式
  • 如果其他问题可以邮箱沟通,anmingzhe@me.com;
1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago