0.1.0 • Published 5 years ago
vue-quick-diff v0.1.0
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
Name | Type | Default | Description |
---|---|---|---|
width | real | null | Allow users to define their own width |
height | real | null | Allow users to define their own height |
posX | real | 200 | Define the initial position of the sliding bar |
pageX | real | null | Relative to pages and considering scrollbars |
isDragging | boolean | false | Actions used to judge animation |
allowNextFrame | boolean | true | Used to judge whether the action is over or not |
image_map | array | 'png', 'jpg', 'jpeg', 'gif' | Judging Picture Category |
video_map | array | 'webm', 'mp4', 'ogg' | Judging Video Category |
0.1.0
5 years ago