<uni-popup ref="showpopup" type="center">
<view style="width:100%;border-radius: 20rpx;height: 500rpx;background-color: #FFFFFF;display: flex;flex-direction: column;">
<view style="width:100%;">
<uni-grid style="display: flex;align-items: center;justify-content: center;" :column="8" :show-border="false" >
<uni-grid-item v-for="(item,index) in listData" :index="index" :key="index">
<view style="display: flex;width: 100%;background-color: #FEECEA;height: 100%;border: 1rpx solid #FFFFFF;border-top:0rpx solid #FFFFFF;align-items: center;justify-content: center;">
<text style="flex: 1;color: #000000;text-align: center;font-size: 23rpx;">{{item.name}}</text>
</view>
</uni-grid-item>
</uni-grid>
</view>
</view>
</uni-popup>
9***@qq.com
- 发布：2024-10-09 17:16
- 更新：2024-10-10 18:02
- 阅读：101
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： ventura 13.6.6
HBuilderX类型： 正式
HBuilderX版本号： 4.24
第三方开发者工具版本号： 1.06.2307260
基础库版本号： 3.5.8
项目创建方式： HBuilderX
示例代码：
操作步骤：
uni-popup使用uni-grid布局重叠
uni-popup使用uni-grid布局重叠
预期结果：
uni-popup使用uni-grid正常展示
uni-popup使用uni-grid正常展示
实际结果：
uni-popup使用uni-grid布局重叠
uni-popup使用uni-grid布局重叠
bug描述：
uni-popup使用uni-grid布局重叠
你好，这个问题彻底解决可能还需要些时间，经过测试给您一个临时解决方案：
在 popup 中内部的内容加上一个 v-if 进行控制，在 open 之前修改为 true
<uni-popup ref="popup" background-color="#fff" @change="change" border-radius="10px 10px 0 0">
<view style="width: 500rpx;height: 200rpx;" v-if="show">
<uni-grid :column="4" :showBorder="true">
<uni-grid-item>
<text class="text">文本</text>
靐齉齾麤龖龗
现在是不是计算了每个格子的宽高那些，而popup有动画还没渲染完成导致的
2024-10-09 18:03
DCloud_UNI_yuhe
回复 靐齉齾麤龖龗: 暂时判断是宽度不够引起的，且微信小程序渲染有问题。可以看我下面的图片
2024-10-09 18:09