Fork me on GitHub

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

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

Usage

main.js

1
2
3
4
5
6
7

import Vue from 'Vue'

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

Vue.use( hMagnifyingGlass )

demo.vue

1
2
3
4

<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 小图于大图之间间隔

仓库地址

仓库地址

0%