t***@163.com
t***@163.com
  • 发布:2024-10-30 14:25
  • 更新:2024-10-30 14:30
  • 阅读:183

【报Bug】uni-table下的uni-td列宽不会根据uni-th的宽度自动设置,在抖音小程序和百度小程序上宽度都没有设置,被自动设置为最小宽度了

分类:uni-app

产品分类: uniapp/小程序/字节跳动

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 15

HBuilderX类型: 正式

HBuilderX版本号: 4.29

第三方开发者工具版本号: 4.3.1

基础库版本号: 3.43.0.12

项目创建方式: HBuilderX

示例代码:

<uni-table emptyText="暂无更多数据" style="width: 702rpx;">
<uni-tr>
<!-- #ifdef H5 -->
<uni-th align="center" width="50px"><text>男方</text></uni-th>
<uni-th align="center" width="50px"><text></text></uni-th>
<uni-th align="center" width="100px"><uni-icons type="heart-filled" size="30rpx" color="#C63137"></uni-icons><text>关系</text></uni-th>
<uni-th align="center" width="50px"><text></text></uni-th>
<uni-th align="center" width="50px"><text>女方</text></uni-th>
<!-- #endif -->
<!-- #ifndef H5 -->
<uni-th align="center" width="120rpx"><text>男方</text></uni-th>
<uni-th align="center" width="120rpx"><text></text></uni-th>
<uni-th align="center" width="220rpx"><uni-icons type="heart-filled" size="30rpx" color="#C63137"></uni-icons><text>关系</text></uni-th>
<uni-th align="center" width="120rpx"><text></text></uni-th>
<uni-th align="center" width="120rpx"><text>女方</text></uni-th>
<!-- #endif -->
</uni-tr>
<uni-tr v-for="(v,index) in shengxiao" :key="index">
<uni-td align="center"><text :user-select="true" :selectable="true">{{v.man}}</text></uni-td>
<uni-td align="center"><uni-icons type="arrow-right"></uni-icons></uni-td>
<uni-td align="center"><text :user-select="true" :selectable="true">{{v.desc}}</text></uni-td>
<uni-td align="center"><uni-icons type="arrow-left"></uni-icons></uni-td>
<uni-td align="center"><text :user-select="true" :selectable="true">{{v.woman}}</text></uni-td>
</uni-tr>
</uni-table>

操作步骤:

预期结果:

和微信小程序、支付宝小程序一样,uni-td的宽度根据uni-th的宽度自动继承设定。

实际结果:

bug描述:

uni-table下的uni-td列宽不会根据uni-th的宽度自动设置,在抖音小程序和百度小程序上宽度都没有设置,被自动设置为最小宽度了。

2024-10-30 14:25 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

table 在抖音小程序有 bug,之后会修复。

要回复问题请先登录注册