订单列表、购物车商品图片点击预览放大

frontendEle/src/views/shop/index.vue

@@ -19,7 +19,8 @@
 
                       <el-table-column label="Product picture" ><!--图片-->
                         <template slot-scope="scope">
-                          <img :src="scope.row.COVER" alt="" style="width:100px" >
+<!--                          <img :src="scope.row.COVER" alt="" style="width:100px" >-->
+                          <el-image style="width: 100px; height: 100px" :src="scope.row.COVER" :preview-src-list="[scope.row.COVER]"></el-image>
                         </template>
                       </el-table-column>
 

frontendEle/src/views/shop/order.vue

@@ -13,7 +13,8 @@
 
             <el-table-column label="Product picture" ><!--图片-->
               <template slot-scope="scope">
-                <img :src="scope.row.COVER" alt="" style="width:100%">
+<!--                <img :src="scope.row.COVER" alt="" style="width:100%">-->
+                <el-image style="width: 100px; height: 100px" :src="scope.row.COVER" :preview-src-list="[scope.row.COVER]"></el-image>
               </template>
             </el-table-column>