为了节省大家重复造轮子，给大家分享一个放大镜，以下是使用方法，为前端贡献一份力量
vue-cjy-magnify
安装
- npm i -S vue-cjy-magnify
- cnpm i -S vue-cjy-magnify
实现功能
- 实现了图片放大镜功能
- 只适用于vue
使用方法
main.js 组件全局引入
import Vue from 'vue'
import cjyMagnify from 'vue-cjy-magnify'
Vue.component('cjy-magnify', cjyMagnify)
使用文件中
<cjy-magnify :width="width" :url="url" :type="type" :scale="scale" />
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| width | 当前放大镜宽度 | Number | 268 | |
| url | 图片URL | String | ||
| type | 更换放大镜类型 | String | 'circle', 'square' | circle |
| scale | 放大倍数 | Number | 3 |
代码开源
github[github.com/GODEYESCAO/…]
捐献
如果你觉得有用，请作者喝杯咖啡吧
后续
后面会陆续添加各种功能
