<VueCompareImage leftImage="/cat1.jpg" rightImage="/cat2.jpg" /> <VueCompareImage leftImage="/cat1.jpg" rightImage="/cat2.jpg" :sliderPositionPercentage="0.2" leftLabel="Forest 1" rightLabel="Forest 2" /> Forest 1 Forest 2 <VueCompareImage leftImage="/cat1.jpg" rightImage...
npm i vue-image-compare-plus --save Usage importVuefrom'vue'; importVueImageComparefrom'vue-image-compare-plus'; Vue.use(VueImageCompare); newVue({ data(){ return{ before:'/img/before.jpg', after:'/img/after.jpg' } } }).$mount('#app'); ...
/// <reference types="vue3-compare-image/client" /> In your component file: import{VueCompareImage}from'vue3-compare-image'exportdefault{name:'app',components:{VueCompareImage},} <template> <VueCompareImageleftImage="image1.jpg"rightImage="image2.jpg"/>; </template> ...
right image's aspect ratio How to use In the shell: yarn add vue-compare-image // or npm install --save vue-compare-image In your component file: importVueCompareImagefrom'vue-compare-image';exportdefault{name:'app',components:{VueCompareImage},}; ...
This repository has been archived by the owner on Sep 24, 2024. It is now read-only. tam315/vue-compare-imagePublic archive NotificationsYou must be signed in to change notification settings Fork15 Star60 Code Issues4 Pull requests25
Vue比较图片 简单的Vue.js组件,可使用滑块比较两个图像。 注意: 也可用! 演示版 特征 简单的 自适应(适合父级宽度) 正确处理的两个图像之间的大小差异。 元素大小取决于以下两个因素: 父母的宽度 正确图像的宽高比 如何使用 在外壳中: yarn add vue-compare-image // or npm install --save vue-compare-...
Merge branch 'master' of https://github.com/junkboy0315/vue-compare-image tam315committedOct 21, 2019 21b2859 0.1.4 tam315committedOct 21, 2019 8ced7eb add changelog.md tam315committedOct 21, 2019 d34bb9c upgrade other packages tam315committedOct 21, 2019 3535d36 migrate to...
Image comparison slider. Compare images before and after. Supports React, Vue, Angular. - sneas/img-comparison-slider
import { VueCompareImage } from 'vue3-compare-image' export default { name: 'app', components: { VueCompareImage }, } <template> <VueCompareImage leftImage="image1.jpg" rightImage="image2.jpg" />; </template> Props Prop (* required)typedefaultdescription leftImage * string null left ...