tools-magnifier

1.0.1 • Public • Published

安装

$ npm i tools-magnifier -save  
$ yarn add tools-magnifier

加载失败

使用 自定义放大镜指令(支持pc)

全局部分导入

import { magnifier } from 'tools-magnifier'
app.directive('mag', magnifier)

组件中使用:

<div v-mag></div>

组件内部分导入

import { magnifier } from 'tools-magnifier'
const vMag = magnifier

组件中使用:

<div v-mag="params"></div>

配置参数

params: {
  magnifierSize: '100px', // 放大镜大小(单位px)
  borderColor: '#e1d5d5', // 放大镜边框颜色
  circular: false, // 放大镜是否设置为圆
  scale: 2 // 放大镜放大倍数
}
注:指令限于使用到块级元素上

Package Sidebar

Install

npm i tools-magnifier

Weekly Downloads

0

Version

1.0.1

License

MIT

Unpacked Size

5.15 kB

Total Files

4

Last publish

Collaborators

  • iswangt