feat[litemall-admin]: 在意见反馈和商品评论页面使用el-image组件，可以放大。

litemall-admin/src/main.js

@@ -21,8 +21,11 @@ import * as filters from './filters' // global filters
 import permission from '@/directive/permission/index.js' // 权限判断指令
 
 import Print from '@/utils/print' // 打印
+import 'viewerjs/dist/viewer.css'
+import Viewer from 'v-viewer'
 
 Vue.use(Print)
+Vue.use(Viewer)
 
 Vue.use(Element, {
   size: Cookies.get('size') || 'medium' // set element-ui default size

litemall-admin/src/views/goods/comment.vue

@@ -22,7 +22,7 @@
 
       <el-table-column align="center" label="评论图片" prop="picUrls">
         <template slot-scope="scope">
-          <img v-for="item in scope.row.picUrls" :key="item" :src="item" width="40">
+          <el-image v-for="item in scope.row.picUrls" :key="item" :src="item" :preview-src-list="scope.row.picUrls" :lazy="true" style="width: 40px; height: 40px; margin-right: 5px;"/>
         </template>
       </el-table-column>
 

litemall-admin/src/views/user/feedback.vue

@@ -24,7 +24,7 @@
 
       <el-table-column align="center" label="反馈图片" prop="picUrls">
         <template slot-scope="scope">
-          <img v-for="item in scope.row.picUrls" :key="item" :src="item" width="40">
+          <el-image v-for="item in scope.row.picUrls" :key="item" :src="item" :preview-src-list="scope.row.picUrls" :lazy="true" style="width: 40px; height: 40px; margin-right: 5px;"/>
         </template>
       </el-table-column>