代码拉取完成,页面将自动刷新
同步操作将从 mirrors_YvesCoding/vuescroll-carousel 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
vuescroll-carousel is a carousel plugin based on ^vuescroll@4.9.0.
It seems like swiper
. You can see the guide below.
See the Demo fold of this repo.
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);
<vuescroll-carousel>
<div v-for="i in 10" :key="i">{{i}}</div>
</vuescroll-carousel>
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 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. |
WangYi7099(Yves Wang)
MIT
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。