Vue带动画效果的图片预览组件
2018-09-14 本文已影响0人
单纯的开始
在移动端经常会看到预览图片有一个放大效果，今天给大家分享一个用Vue实现的图片预览组件，效果如下
首先install 组件
npm install auto-preview-image --save
引入组件
在main.js中
import 'auto-preview-image/dist/auto-preview-image.min.css';
import { ApImage } from 'auto-preview-image';
Vue.use(ApImage);
页面中使用
<ap-image :showClose="false" :thumb="imgUrl" :radius="3" :full="imgUrl" :maxWidth="300"></ap-image>
更多使用方法查询官方组件 github文档
