npm.io
1.0.3 • Published 4 years ago

ht-image-zoomer

Licence
MIT
Version
1.0.3
Deps
2
Size
160 kB
Vulns
1
Weekly
0

ht-image-zoomer

Vue组件,类电商商品页的图片放大镜功能

安装

npm install ht-image-zoomer

使用

<template>
  <image-zoomer src="http://p8.qhimg.com/bdr/__85/t01304fbba196c779c4.jpg"></image-zoomer>
</template>

<script>
import ImageZoomer from "ht-image-zoomer"
export default {
  components: {
    ImageZoomer
  }
}
</script>

参数

属性名 类型 是否必填 默认值 说明
src String - 图片地址
width Number 418 正常视图区域宽度
height Number 418 正常视图区域高度
zoomRatio Number 3 放大比例(基于正常视图)