平台兼容性

uni-app

图片放大器

需全局引入插件 v-finger-mk42

import vfinger from 'v-finger-mk42';
Vue.use(vfinger);

props

demo 示例

demo中使用图片都是从百度搜索出来的，仅做示范使用。

<template>
  <div class="map-main">
    <img-over :src="src" :minZoom="0" :maxZoom="10"></img-over>
  </div>
</template>

<script>
import ImgOver from '@/components/img-over/img-over';
export default {
    components: { ImgOver },
    data() {
        return {
            src: 'http://tz.img.dns4.cn/pic/205097/p2/20171014113509_3245_zs_sy.jpg'
        };
    },
    mounted() {},
    methods: {}
};
</script>

<style>
.map-main {
    position: relative;
    width: 100vw;
    height: 100vh;
    background-color: #e6f7ce;
}
</style>