vue + vue-router+vue-resource + element-ui+v-viewer实现带图片预览业务功能

ocr智能下单（物流行业）

左边是全览操作区（：本文主角：），包括原始识别图片，右侧是对应的下单表单。示意如下：

实现技术：vue + vue-router+vue-resource + element-ui

核心组件：v-viewer

最终实现效果（实现技术vue）

实现思路

由于业务要求，需要实现图片缩放，旋转，移动图片，上一张/下一张等功能，活脱脱一个预览组件的功能！通过在网上疯狂搜索各种预览组件，最后目标锁定在了v-viewer（一个广泛使用的vue前端预览组件），其预览效果：

很明显，v-viewer自带的按钮组根本无法满足业务需求。但是根据ocr智能下单的业务要求，我可以重用其中的缩放/旋转/移动等功能，只是需要自定义样式实现。

实现步骤s

全局引入v-viewer

这里关键在于不用v-viewer自带的按钮组。后续通过自定义样式实