盘点照片位置修改

我方属于服务器
nanjing-wuliu-qsl
LAPTOP-S9HJSOEB\昊天 3 years ago
parent 9b29cb2ea3
commit 3e8b5f0ecb

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

@ -45,7 +45,7 @@
<happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box" style="height:30px;"> <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box" style="height:30px;">
<viewer :images="text.intoStockPic"> <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> </viewer>
</happy-scroll> </happy-scroll>
</span> </span>

Loading…
Cancel
Save