zoomer 放大镜

Directions

Install

npm i peng-zoomer

Introduce

<script setup>
// 引用
import Zoomer from 'peng-zoomer';

</script>

Use

<template>`

<zoomer
  class="goods-detail-zoomer"
  img-src="https://yanxuan-item.nosdn.127.net/79b020815834c30d7aaf191e5e59ef24.jpg"
/>

</template>

<style lang="scss" scoped>

.goods-detail-zoomer {
  width: 400px;
  height: 400px;
  margin: 150px;
  margin-bottom: 9999px;
}

</style>