vue-quick-diff

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 11 Open GitHub ↗

一个可以直观的看出两张图片区别的组件

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Vue-quick-diff

---

<center><img src="./docs/demo/1.jpg"></center> 
A component that can quickly see the difference between two pictures

## 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

vue-quick-diff

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README