<uni-list-chat :avatar-circle="true" title="uni-app" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新889455649848849889489的消息" time="2020-02-02 20:20" ></uni-list-chat>
石滔滔
- 发布：2023-06-27 17:10
- 更新：2023-06-27 20:52
- 阅读：785
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.8.4
浏览器平台： Chrome
浏览器版本： Edge 114.0.1823.58
项目创建方式： HBuilderX
示例代码：
操作步骤：
<uni-list-chat :avatar-circle="true" title="uni-app" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新889455649848849889489的消息" time="2020-02-02 20:20" ></uni-list-chat>
官网示例
<uni-list-chat :avatar-circle="true" title="uni-app" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新889455649848849889489的消息" time="2020-02-02 20:20" ></uni-list-chat>
官网示例
预期结果：
文字溢出隐藏，并显示省略号
文字溢出隐藏，并显示省略号
实际结果：
溢出直接隐藏了
溢出直接隐藏了
bug描述：
uni-list组件，溢出不隐藏
原因：给text标签加了溢出隐藏属性，但是text貌似没有宽度，默认是display:inline
喜欢技术的前端 - QQ---445849201
试了一下，是可以显示省略号的，你试试这段代码，不用修改uni-list-chat组件里面原有的代码
<uni-list-chat :avatar-circle="true" title="uni-app"
avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
note="您收到一条新的消息您收到一条新的消息您收到一条新的消息" time="2020-02-02 20:20">
</uni-list-chat>
石滔滔 (作者)
好的，非常感谢。还是自己写了，没有用这个组件了
2023-06-28 08:59
喜欢技术的前端
回复 石滔滔: 好嘞，解决就好
2023-06-28 09:14
达尔文
回复 石滔滔: 兄弟，我也遇到这个问题了，能分享一下你怎么解决的吗？
2023-10-17 00:21
达尔文
回复 喜欢技术的前端: 我这怎么不行呢？我的是vue3，苹果手机
2023-10-17 00:21