0.1.0 • Published 5 years ago

vue-fakin-slider v0.1.0

Weekly downloads
2
License
MIT
Repository
github
Last release
5 years ago

vue-fakin-slider

A Vue rotation module compatible with PC and mobile, very small size!

Demo

git clone https://github.com/CuteFakin/Vue-Fakin-Slider.git
 npm install 
 npm run serve

Install

 npm install vue-fakin-slider

Import

import { FakinSlider, FakinSliderItem } from 'vue-fakin-slider';

And register components:

Vue.component('fakin-slider', FakinSlider);
Vue.component('slider-item', FakinSliderItem);

Usage

 <fakin-slider>
     <fakin-item v-for="(item,index) in list">
         <a :href="item.src">
             <img :src="item.src" alt="">
         </a>
     </fakin-item>
 </fakin-slider>

Options

OptionTypeDescriptionDefault
directionStringDirection of rotation(horizontal/vertical)horizontal
speedNumberRotational speed300
disabledBooleanIs dragging prohibitedfalse
autoSwipeNumberDelay time of automatic rotation3000
showIndicatorsBooleanShow small dotstrue
showButtonBooleanShow switch buttonstrue
indicatorsCutBooleanSmall dot switchingfalse

indicatorsCutbashowButtonTriggered only on pc, prohibited on Mobile

0.1.0

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago