vue mouseover_Vue.js的Mouseover画廊插件

vue mouseover

VueRollr (VueRollr)

VueRollr is a lightweight plugin that allows you to add a mouseover gallery to your Vue.js project. Supported media now includes images and video.

VueRollr是一个轻量级插件，允许您将鼠标悬停库添加到Vue.js项目。 现在，受支持的媒体包括图像和视频。

View Demo 查看演示 View Github 查看Github

安装 (Installation)

npm i vuerollr

npm i vuerollr

用法 (Usage)

<template>
  <div>
    <VueRollr>
      <img src="...">
      <img src="...">
      <img src="...">
      <video loop autoplay muted>
        <source src="...">
      </video>
      <img src="...">
      <img src="...">
      <img src="...">
    </VueRollr>
  </div>
</template>

<script>
import VueRollr from 'vuerollr'

export default {
  components: {
    VueRollr
  }
}
</script>

选件 (Options)

<VueRollr
    :breakpoint="530"
    :speed="2000">

• breakpoint - autoplay breakpoint default: 768

  断点 -自动播放断点默认值：768

• speed - autoplay speed in milliseconds default: 1000

  速度 -自动播放速度以毫秒默认：1000

翻译自: https://vuejsexamples.com/mouseover-gallery-plugin-for-vue-js/

vue mouseover