uniapp 小程序 flex布局 v-for 4栏展示

发布时间：2020-12-15 01:43:38 所属栏目：百科来源：网络整理

导读：注：本项目的图片资源来源于后端接口，所以使用的是v-for。关键词：uniapp 小程序 flex布局 v-for 4栏展示自适应 ? ? ? view style ="display: flex; flex-direction: row;flex-wrap: wrap;margin: 0 5%;" view style ="width: 25%;margin-bottom: 16upx;"

注：本项目的图片资源来源于后端接口，所以使用的是v-for。

关键词：uniapp 小程序 flex布局 v-for 4栏展示自适应

<view style="display: flex; flex-direction: row;flex-wrap: wrap;margin: 0 5%;">
　　<view style="width: 25%;margin-bottom: 16upx;" v-for=‘(items,indexs) in item.tags‘ :key=‘indexs‘>
　　　　<view>
　　　　　　<image :src="items.imageUrl" style="width: 40px;height: 40px;margin: 0 25%;" ></image>
　　　　　　<view style="text-align: center;font-size: 10px;font-family: Arial;">
　　　　　　　　{{items.name}}
　　　　　　</view>
　　　　</view>
　　</view>
</view>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!