详情页认证房源列表图片设置为限定高度

This commit is contained in:
2023-08-01 16:11:31 +08:00
parent c38dbc9c6a
commit 82d6788548

View File

@@ -79,10 +79,10 @@
</div> </div>
</div> </div>
<!-- 'img-150':routePath==='/detail' --> <!-- 'img-150':routePath==='/detail' -->
<div class="img"> <div class="img" :class="{'img-100':routePath==='/detail'}">
<div class="dis-f"> <div class="dis-f">
<img :src="data && data.data && data.data.ispic ? data && data.data.imageurl : data && data.data && data.data.isvideo ? data && data.data && data.data.imageurl : ''" <img :src="data && data.data && data.data.ispic ? data && data.data.imageurl : data && data.data && data.data.isvideo ? data && data.data && data.data.imageurl : ''"
@load="loadFinish" @error="loadFinish" class="img " alt=""> @load="loadFinish" @error="loadFinish" class="img " :class="{'img-100':routePath==='/detail'}" alt="">
<div class="s-img dis-f jus-x al-item" v-if="data && data.data && data.data.isvideo"> <div class="s-img dis-f jus-x al-item" v-if="data && data.data && data.data.isvideo">
<img src="../../assets/homeImage/videoIcon.svg" class="img" alt=""> <img src="../../assets/homeImage/videoIcon.svg" class="img" alt="">
</div> </div>
@@ -290,6 +290,10 @@ img {
border-radius: 10px; border-radius: 10px;
position: relative; position: relative;
} }
.img-100{
height:100px;
width:auto;
}
.s-img { .s-img {
width: 100px; width: 100px;