magnifier-hb v0.6.0

magnifier-hb(vue组件-图片放大镜)

引用

npm i magnifier-hb --save

import MagnifierHb from "magnifier-hb";
import "magnifier-hb/lib/hb.css";

全局注册：
Vue.use(MagnifierHb)

使用：

<magnifier-hb
  :options="{ level: 3 }"
  :images="list">
</magnifier-hb>

level: 元素的大小; 默认100px； 100 * level

data() {
    return {
      list: [
        "https://gd4.alicdn.com/imgextra/i4/3022821474/O1CN01ioe8cE1Ml8TqQ5rOW_!!3022821474.jpg_400x400.jpg",
        "https://gd1.alicdn.com/imgextra/i1/3022821474/O1CN01Di2WYF1Ml8Thxe1HR_!!0-item_pic.jpg_400x400.jpg",
        "http://gd3.alicdn.com/imgextra/i3/3022821474/O1CN013H676M1Ml8VAo3yOK_!!3022821474.jpg_400x400.jpg",
      ],
    };
},