arco-design-vue icon indicating copy to clipboard operation
arco-design-vue copied to clipboard

Description 在虚拟列表中,在宽度不足时会渲染错误

Open Gaojianli opened this issue 1 year ago • 1 comments

基本信息

  • 依赖包名 及 版本: @arco-design/[email protected]
  • 框架版本: 3.4.21
  • 浏览器版本: chrome126.0.0.0
  • 复现地址: https://github.com/PBH-BTN/pbh-fe/blob/miao/src/views/banlist/components/banListItem.vue#L39

预期结果

两行数据不一样

复现步骤

如图所示,两栏数据不一样: image 缩小浏览器宽度,刷新页面 image 下面一栏的数据覆盖了上面一栏

怀疑长度问题,遂修改代码,将第二行改为111,热重载时正确显示: image 刷新浏览器后: image

Gaojianli avatar Jun 23 '24 14:06 Gaojianli

经过测试,只要加个tooltip或者换成p就能绕过,感觉是优化复用出毛病了

Gaojianli avatar Mar 19 '25 18:03 Gaojianli