Appearance
Zoom 放大镜
商品图片预览和切换
这是 zoom 的基础例子
vue
<script setup lang="ts">
const big = ['/avatar.png', '/pinia.png', '/IronMan_j.png', '/IronMan_y.png']
const small = ['/avatar.png', '/pinia.png', '/IronMan_j.png', '/IronMan_y.png']
</script>
<template>
<div class="zoom-demo">
<NpZoom :big="big" :small="small" />
</div>
</template>
<style scoped>
.zoom-demo {
}
</style>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16