0.1.0 • Published 5 years ago

vue-quick-diff v0.1.0

Weekly downloads
4
License
-
Repository
-
Last release
5 years ago

Vue-quick-diff


Installation

npm install --save vue-quick-diff

How to use

import  QuickDiff from './components/Component.vue'
export default {
  name: 'app',
  data(){
    return{
      origin: require("./assets/origin.jpg"),
      diff: require("./assets/diff.jpg"),
      origin_video: require("./assets/diff.mp4"),
      diff_video: require("./assets/origin.mp4")
    }
  },
  components: {
    QuickDiff
  }
}

Props

NameTypeDefaultDescription
widthrealnullAllow users to define their own width
heightrealnullAllow users to define their own height
posXreal200Define the initial position of the sliding bar
pageXrealnullRelative to pages and considering scrollbars
isDraggingbooleanfalseActions used to judge animation
allowNextFramebooleantrueUsed to judge whether the action is over or not
image_maparray'png', 'jpg', 'jpeg', 'gif'Judging Picture Category
video_maparray'webm', 'mp4', 'ogg'Judging Video Category