|
@@ -10,13 +10,16 @@
|
|
|
<span class="headlineTitle">生动化陈列</span>
|
|
<span class="headlineTitle">生动化陈列</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div style="padding: 10px">
|
|
<div style="padding: 10px">
|
|
|
- <van-row gutter="10">
|
|
|
|
|
|
|
+ <div class="imgBox" v-for="(urls, index) in detail.fileUrlList" :key="index">
|
|
|
|
|
+ <img :src="urls" @click="previewsImg(index)" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- <van-row gutter="5" class="imgEow">
|
|
|
<van-col span="6" v-for="(urls, index) in detail.fileUrlList" :key="index">
|
|
<van-col span="6" v-for="(urls, index) in detail.fileUrlList" :key="index">
|
|
|
<div class="img-box">
|
|
<div class="img-box">
|
|
|
<img :src="urls" @click="previewsImg(index)" />
|
|
<img :src="urls" @click="previewsImg(index)" />
|
|
|
</div>
|
|
</div>
|
|
|
</van-col>
|
|
</van-col>
|
|
|
- </van-row>
|
|
|
|
|
|
|
+ </van-row> -->
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="skuDeatil" v-if="skuList">
|
|
<div class="skuDeatil" v-if="skuList">
|
|
@@ -157,6 +160,25 @@ export default {
|
|
|
border-radius: 6px;
|
|
border-radius: 6px;
|
|
|
// padding: 10px;
|
|
// padding: 10px;
|
|
|
padding: 0 10px 10px 0px;
|
|
padding: 0 10px 10px 0px;
|
|
|
|
|
+ .imgEow {
|
|
|
|
|
+ .van-col {
|
|
|
|
|
+ &:last-child {
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .imgBox {
|
|
|
|
|
+ width: 22%;
|
|
|
|
|
+ height: 80px;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ border-radius: 6px;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ margin: 3px 1.5%;
|
|
|
|
|
+ img {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
.title {
|
|
.title {
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|