@nostar/card-slide v0.0.7

CardSlide.js 卡片切换，超进化组件 S

Demo

在线预览：Demo

How to use

npm i @nostar/card-slide -S

<div class="card-slide-box">
  <div class="card-slide-wrapper">
    <div class="card-slide">
      1
    </div>
    <div class="card-slide">
      2
    </div>
    <div class="card-slide">
      3
    </div>
  </div>
</div>

import CardSlide from "@nostar/card-slide";
import "@nostar/card-slide/dist/css/card-slide.css";
new CardSlide(document.querySelector(".card-slide-box"), {
  autoplay: 0,
  gutter: 20,
  speed: 350,
  dragRelation: "rtl",
  dragPrevable: false,
  swiperStart: function (activeIndex) {
    let _this = this;
    _this.setStyle(_this.$slides[activeIndex], {
      background: "#fff",
    });
    setTimeout(function () {
      _this.setStyle(_this.$slides[activeIndex], {
        background: "",
      });
    }, 150);
  },
});

API