uni-app详情图片如何展示

uni-app详情图片如何展示?如果有多张图片,就一行最多展示3个(多张图片要限制图片大小),如果是一张图片就根据图片尺寸来展示
这种应该怎么布局和判断?

img

img

img


for="(item,index) in tableData.dynamicUrlList" :key="index">
            :src="item">
        

就流动布局,用两个view,用v-if判断一个view是不是只有一张图片,两个view各写各的样式就行

可以根据图片张数写两种情况的布局,然后v-if,v-else判断展示;也可以根据css变量来动态控制样式


 <view v-for="(item,index) in tableData.dynamicUrlList" :key="index" :style="{width:tableData.dynamicUrlList.length>=3 ? '33%':'100%'}">
          <image :src="item" style="width: 100%;" ></image>
        </view>

这样试试

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^