uniapp image组件,widthFix 模式下,图片之间

2021-04-25  本文已影响0人  hao_developer

修改前:


image.png

修改后:


image.png
<view class="proudct-item-area">
    <image v-for="(item, index) in productDetailImageList" 
        class="proudct-item-img" mode="widthFix" :src="item.attachmentUrl"></image>
</view>


.proudct-item-area{
    margin: 0 10px;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
    
.proudct-item-img{
    width: 100%;
}

解释说明:
外层包一层 加上\color{red}{flex}\可以了
inline-block水平呈现的元素间,换行显示会有间距

上一篇 下一篇

猜你喜欢

热点阅读