1.0.8 • Published 4 years ago
vue-cjy-magnify v1.0.8
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 |
后续
后面会陆续添加各种功能