Vue带动画效果的图片预览组件

在移动端经常会看到预览图片有一个放大效果，今天给大家分享一个用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文档

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容