盘点照片位置修改

我方属于服务器

src/views/checkManage/checkOperation.vue

@@ -3,8 +3,8 @@
 
         <div>
             <div class="carousel-page">
-                <div class="carousel-page-content">
-                    <div class="img-box">
+                <div class="carousel-page-content"  style="justify-content: flex-start">
+                    <div class="img-box" >
                         <ul>
                             <li>
                                 <span >
@@ -30,29 +30,29 @@
                             </li>
                         </ul>
                     </div>
-                    <div class="img-box">
+                    <div class="img-box" style="margin-left: 200px;">
                         <a-row type="flex" justify="space-around"  style="height:300,margin-left:400">
-                            <a-col :span="12">
+                            <a-col :span="11">
                                 <p>顶部图片1</p>
                                 <viewer :images = "checkObj.topPic1">
                                     <img class="historyImg" :src="checkObj.topPic1"/>
                                 </viewer>
                             </a-col>
-                            <a-col :span="12">
+                            <a-col :span="11">
                                 <p>顶部图片2</p>
                                 <viewer :images = "checkObj.topPic2">
                                     <img class="historyImg" :src="checkObj.topPic2"/>
                                 </viewer>
                             </a-col>
                         </a-row>
-                        <a-row type="flex" justify="space-around" align="middle" style="height:300">
-                            <a-col :span="12">
+                        <a-row type="flex" gutter="16px" justify="space-around" align="middle" style="height:300">
+                            <a-col :span="11">
                                 <p>侧面图片1</p>
                                 <viewer :images = "checkObj.sidePic1">
                                     <img class="historyImg" :src="checkObj.sidePic1"/>
                                 </viewer>
                             </a-col>
-                            <a-col :span="12">
+                            <a-col :span="11">
                                 <p>侧面图片2</p>
                                 <viewer :images = "checkObj.sidePic2">
                                     <img class="historyImg" :src="checkObj.sidePic2"/>
@@ -60,13 +60,13 @@
                             </a-col>
                         </a-row>
                         <a-row type="flex" justify="space-around" align="middle" style="height:300">
-                            <a-col :span="12">
+                            <a-col :span="11">
                                 <p>侧面图片3</p>
                                 <viewer :images = "checkObj.sidePic3">
                                     <img class="historyImg" :src="checkObj.sidePic3"/>
                                 </viewer>
                             </a-col>
-                            <a-col :span="12">
+                            <a-col :span="11">
                                 <p>侧面图片4</p>
                                 <viewer :images = "checkObj.sidePic4">
                                     <img class="historyImg" :src="checkObj.sidePic4"/>
@@ -276,7 +276,7 @@ export default {
 
                 &-content {
                     display: flex;
-                    align-items: center;
+                    align-items: flex-start;
                     justify-content: space-between;
                     padding-left: 25px;
 
@@ -286,7 +286,6 @@ export default {
                         justify-content: center;
                         flex-direction: column;
                         font-size: 17px;
-                        height: 400px;
                         margin-right: 10px;
                         img {
                             height: 100%
@@ -378,7 +377,7 @@ export default {
         }
     }
     .historyImg {
-        width: 180px;
+        width: 400px;
         height:auto;
     }
 

src/views/historyMonitoring/index.vue

@@ -45,7 +45,7 @@
                     <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box" style="height:30px;">
                       
                         <viewer :images="text.intoStockPic">
-                        <img class="historyImg"  :src="imgUrl+text.intoStockPic" />
+                        <img class="historyImg"  v-for="(item,index) in text.intoStockPics" :key="index" :src="imgUrl+item" />
                         </viewer>
                     </happy-scroll>
                 </span>