vue2.0-zoom

基於vue的圖片放大鏡效果外掛

演示地址

安裝

npm install vue2.0-zoom

引入

import imgZoom from 'vue2.0-zoom'

元件

components: { imgZoom }

標籤

<img-zoom src="img-samll.jpg" width="450" height="250" bigsrc="img-big.jpg" :configs="configs"></img-zoom>
複製程式碼

配置引數

    configs: {
             width:650,
             height:350,
             maskWidth:100,
             maskHeight:100,
             maskColor:'red',
             maskOpacity:0.2
           }
複製程式碼

有問題歡迎留言、star，詳細引數說明

Github地址