vue-mirror-scope

description

中文文档

Vue-mirror-scope is a product picture enlargement for details view components, functions and Taobao's magnifying glass

install

npm install --save vue-mirror-scope

use

    <template>
        <vue-mirror-scope :imgList="imgList"></vue-mirror-scope>
    <template>

    <script>
        import {defineComponent} from Vue
        import VueMirrorScope from "vue-mirror-scope"
        export default defineComponent({
            components:{
                VueMirrorScope
            },
            setup(){
                const imgList = ['./img1.png','img2.png',...]; // and more
            }
        })

    </script>

property document

property	value	explain
imgList	Array[string]	image source list
size	String	Magnifying the size of the main image area/zoom area，It is a A square ,size * size,(only support px)
expandScope	Number	Magnification of pictures at double speed