VUE类淘宝放大镜组件-vue-piczoom使用

参考资料

• https://www.npmjs.com/package/vue-piczoom

1.安装

npm install vue-piczoom --save  
//or
npm install vue-piczoom --save --registry=https://registry.npm.taobao.org

2.使用代码示例

<template>
  <div class="main-img">
    <pic-zoom :scale="2" url="img/test/img.png"></pic-zoom>
  </div>
</template>
<script>
import PicZoom from 'vue-piczoom'
export default {
  components: {
    PicZoom
  }
}
</script>
<style scoped>
  .main-img{
    width: 600px;
    height: 555px;
  }
</style>

scale 为放大倍数。

当放大倍数为2时，效果图如下：