具有图像缩放功能的触摸式照片滑块组件 - vue-product-carousel

具有图像缩放功能的触摸式照片滑块组件 - vue-product-carousel
插件名称 vue-product-carousel
发布时间 2020年4月28日
插件作者 probil

使用“Product Carouse”组件,您可以在Web应用程序上创建响应灵敏,适合移动设备的图库和图像轮播。

安装和下载:

# NPM
$ npm install vue-product-carousel --save

特征:

  • 图像缩放和平移功能。
  • 支持触摸滑动事件。
  • 缩略图预览。
  • 热图像加载。

如何使用它:

1.安装并导入ProductCarousel组件。

import ProductCarousel from 'vue-product-carousel'

2.在模板中使用ProductCarousel组件。

<template>
  <ProductCarousel :images="images">
    Sidebar content here
  </ProductCarousel>
</template>
<script>

3.激活轮播并用您自己的图像替换图像。

export default {
  components: {
    ProductCarousel,
  },
  data() {
    images: [
      '1.jpg',
      '2.jpg',
      '3.jpg',
    ]
  },
}