@shaoyongtao/vueslider

vue-swiper

Usage no npm install needed!

<script type="module">
  import shaoyongtaoVueslider from 'https://cdn.skypack.dev/@shaoyongtao/vueslider';
</script>

README

vueslidershow

a slider implement by vuejs

一个vue的响应式自适应轮播图组件

Demo

实例效果">

Install

npm i @shaoyongtao/vueslider

应用案例

in app.vue:

<template>
  <div id="app">
    <slider-show :imgs="imgs" :interval="interval"></slider-show>
  </div>
</template>

<script>
import sliderShow from "@shaoyongtao/vueslider";
export default {
  components: {
    sliderShow
  },
  name: "App",
  data() {
    return {
      imgs: [
        require("./assets/1.jpg"),
        require("./assets/2.jpg"),
        require("./assets/3.jpg")
      ],
      interval:7,
    };
  }
};
</script>

<style>
#app {}
</style>

参数说明：

1.interval,控制轮播速度 2.imgs,具体的轮播图片

License

MIT