图片查看，放大显示多个

src/views/checkManage/checkOperation.vue

@@ -83,48 +83,41 @@
                         </ul>
                     </div>
                     <div class="img-box" style="margin-left: 200px;">
-                        <a-row type="flex" justify="space-around"  style="height:300,margin-left:400">
+                        
+                        <viewer :images = "pics">
+                        <a-row type="flex" gutter="16px" justify="space-around" align="middle" style="height:300">
                             <a-col :span="11">
                                 <p>顶部图片1</p>
-                                <viewer :images = "pics">
                                     <img class="historyImg" :src="checkObj.topPic1"/>
-                                </viewer>
                             </a-col>
                             <a-col :span="11">
                                 <p>顶部图片2</p>
-                                <viewer :images = "pics">
+                                
                                     <img class="historyImg" :src="checkObj.topPic2"/>
-                                </viewer>
                             </a-col>
                         </a-row>
                         <a-row type="flex" gutter="16px" justify="space-around" align="middle" style="height:300">
                             <a-col :span="11">
                                 <p>侧面图片1</p>
-                                <viewer :images = "pics">
                                     <img class="historyImg" :src="checkObj.sidePic1"/>
-                                </viewer>
                             </a-col>
                             <a-col :span="11">
                                 <p>侧面图片2</p>
-                                <viewer :images = "pics">
                                     <img class="historyImg" :src="checkObj.sidePic2"/>
-                                </viewer>
                             </a-col>
                         </a-row>
                         <a-row type="flex" justify="space-around" align="middle" style="height:300">
                             <a-col :span="11">
                                 <p>侧面图片3</p>
-                                <viewer :images = "pics">
                                     <img class="historyImg" :src="checkObj.sidePic3"/>
-                                </viewer>
                             </a-col>
                             <a-col :span="11">
                                 <p>侧面图片4</p>
-                                <viewer :images = "pics">
                                     <img class="historyImg" :src="checkObj.sidePic4"/>
-                                </viewer>
                             </a-col>
                         </a-row>
+                        
+                    </viewer>
                     </div>
                     
                 </div>