1.0.3 • Published 3 years ago
ht-image-zoomer v1.0.3
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 | 放大比例(基于正常视图) |