注册登录

j***@jzlzj.com

发布：2024-04-22 10:41
更新：2024-04-22 15:29
阅读：53

uni-grid组件外面再加一个view父元素之后不生效了

分类：uni-app

uniapp

<view>
<uni-grid :column="4" :show-border="false" :square="false">
<uni-grid-item v-for="(item ,index) in timeData" :index="index" :key="index">
<view class="grid-item-box flex-col">
<image class="image" :src="item.src" mode="heightFix" />
<text class="text">{{item.name}}</text>
<view v-if="item.badge" class="grid-dot">
<uni-badge :text="item.badge" />
</view>
</view>
</uni-grid-item>
</uni-grid>
</view>

2024-04-22 10:41 负责人:无分享

2 个回复

j***@jzlzj.com (作者)

找到答案了，一定要设置父元素的宽度为100% <view style="width: 100%;">

套马杆的套子 - 没有解决不了的问题，只有解决不完的问题

用的你的代码，什么也没去设置，你看一下

j***@jzlzj.com (作者)

是我代码里的最外层父元素设置了align-items: center;的原因，导致子元素的宽度没有撑起来。

2024-04-25 10:23

要回复问题请先登录或注册