j***@jzlzj.com
j***@jzlzj.com
  • 发布:2024-04-22 10:41
  • 更新:2024-04-22 15:29
  • 阅读:54

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

分类:uni-app

<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 负责人:无 分享
已邀请:
j***@jzlzj.com

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

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

套马杆的套子

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

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

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

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

    2024-04-25 10:23

要回复问题请先登录注册