zoomer-vue3

bo-zoomer

zoomer/vue3

安装

npm i zoomer-vue3

使用

<script setup>
// 引入文件
import Zoomer from 'bo-zoomer';
</script>
<template>
  <zoomer
    class="goods-detail-zoomer"
    img-src="图片路径"
  />
</template>
<style>
/* 手动添加类名设置宽高 */
.goods-detail-zoomer {
  width: 400px;
  height: 400px;
}
</style>

*注

该组件默认无宽高，根据需求手动设置宽高