vue-magnifying-glass放大镜组件说明

vue-magnifying-glass 放大镜组件使用文档

Usage

main.js

import Vue from 'Vue'

//自行拷贝核心文件夹到本地，此组件不发 npm 包，任性。
import hMagnifyingGlass from '@/components/magnifyingGlass'  

Vue.use( hMagnifyingGlass )

demo.vue

<h-magnifying-glass 
  small-url="http://localhost:8080/assets/01.jpg"
  big-url="http://localhost:8080/assets/02.jpg"></h-magnifying-glass>

Properties

特性	类型	默认值	可选值	说明
small-url	String			小图片地址
big-url	String			大图片地址
small-size	Number	350		小图片大小
big-size	Number	800		大图片大小
mask-color	String	rgba(255, 255, 0, 0.4)		移动遮罩颜色
gap	Number	10		小图于大图之间间隔

仓库地址

仓库地址