适用于Vue.js的触摸友好型3D轮播 - vue-carousel-3d

适用于Vue.js的触摸友好型3D轮播 - vue-carousel-3d
插件名称 vue-carousel-3d
发布时间 2020年9月30日
插件作者 Wlada

适用于Vue.js的美观,灵活且易于触摸的3D轮播。

变更日志:

v1.0.1(10/06/2020)

  • 更新

v1.0.0(09/27/2020)

  • 更新

v0.2.0(02/04/2020)

  • 修复SSR

特征:

  • 使用CSS过渡,您将获得3D效果的流畅流畅的幻灯片过渡
  • 幻灯片使用Vue的内置插槽系统,允许您在幻灯片中显示任何类型的内容(包括其他Vue组件!)
  • 桌面和移动设备均支持触摸和拖动。

安装和下载:

npm install vue-carousel-3d

使用:

用法(全局)

您可以全局安装Vue Carousel 3d:

import Vue from 'vue';
import Carousel3d from 'vue-carousel-3d';

Vue.use(Carousel3d);

这将使<carousel-3d><slide>可用于Vue应用程序中的所有组件。

用法(本地)

使用导入将Carousel 3d包含到您的组件中:

import { Carousel3d, Slide } from 'vue-carousel-3d';

export default {
  ...
  components: {
    Carousel3d,
    Slide
  }
  ...
};