1 Star 0 Fork 1

Admin / vuescroll-carousel

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

vuescroll-carousel

Version License

Introduction

vuescroll-carousel is a carousel plugin based on ^vuescroll@4.9.0.

It seems like swiper. You can see the guide below.

Demo

Get Started

  1. You should install Vue@2.x , vuescroll@4.9.0+ and vuescroll-carousel , and registry the plugins.
 npm i vue vuescroll vuescroll-carousel -S
import Vue from vue;
import vuescroll from vuescroll;
import vuescroll/dist/vuescroll.css;
// import carousel plugin and its css file
import vuescrollCarousel from vuescroll-carousel;
import vuescroll-carousel/dist/index.css;

// reigstry the plugin

Vue.use(vuescroll);
Vue.use(vuescrollCarousel);
  1. Wrap the element and that's all.
<vuescroll-carousel>
  <div v-for="i in 10" :key="i">{{i}}</div>
</vuescroll-carousel>

Props and Api

Props

PropName Default Description
type h h or v. h means scrolling on horizontal direction and v is on vertical direction.
loop true Whether carousel is connected between the end and the end or not.
autoPlay true whether play the carousel automatically or not.
intervalTime 1000 Interval time of auto-play, only enable when autoPlay is enable.
playSpeed 300 play speed.
indicator true show indicator or not
currentIndex 1 the index of current active item, strat from 1.

Api

Api Name Description Arguments
refresh refresh the compoennt's status. All states will be recalculated. -
goToPage Go to the specified page. (pageIndex: Number, animate: Boolean)
prev go to pre page.
next go to next page.

Author

WangYi7099(Yves Wang)

License

MIT

空文件

简介

取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/isni_admin/vuescroll-carousel.git
git@gitee.com:isni_admin/vuescroll-carousel.git
isni_admin
vuescroll-carousel
vuescroll-carousel
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891