修改前：
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%;
}
解释说明：
外层包一层 加上可以了
inline-block水平呈现的元素间，换行显示会有间距
