Vue3聊天气泡简单实现思路_财经资讯

创始人

2024-03-12 03:28:44

0次

Vue3聊天气泡简单实现
聊天气泡实现
实现聊天气泡主要有两个注意点：
①是根据字体数量自适应框的长度
②字体到框有边距，也就是为了美观

这篇博客主要讲实现的思路，不讲聊天气泡的三角突出点，如下所示：

三角突出点通过简单的border去设置就可以得到了

第一个注意点根据字体数量自适应框的长度

我们可以使用display:inline-block去实现，这样聊天框具有块和行内元素的特点

第二个注意点是字体到框之间的边距，即如图中的这段距离所示：在这里插入图片描述
无边框情况

我们可以通过padding去设置这个边距，通过设置边距，会使得聊天框撑大起来，让聊天框看起来更好看

注意，四周都要设置padding

padding:5px; 上右下左都设置了5个像素

美国2年期国债收益率上涨15个... 原标题：美国2年期国债收益率上涨15个基点美国2年期国债收益率上涨15个基...

汽车油箱结构是什么（汽车油箱结... 本篇文章极速百科给大家谈谈汽车油箱结构是什么，以及汽车油箱结构原理图解对应的知识点，希望对各位有所帮...

嵌入式 ADC使用手册完整版 ... 嵌入式 ADC使用手册完整版（188977万字）💜&#...

重大消息战皇大厅开挂是真的吗... 您好：战皇大厅这款游戏可以开挂，确实是有挂的，需要了解加客服微信【8435338】很多玩家在这款游戏...

盘点十款牵手跑胡子为什么一直... 您好：牵手跑胡子这款游戏可以开挂，确实是有挂的，需要了解加客服微信【8435338】很多玩家在这款游...

senator香烟多少一盒（s... 今天给各位分享senator香烟多少一盒的知识，其中也会对sevebstars香烟进行解释，如果能碰...

终于懂了新荣耀斗牛真的有挂吗... 您好：新荣耀斗牛这款游戏可以开挂，确实是有挂的，需要了解加客服微信8435338】很多玩家在这款游戏...

盘点十款明星麻将到底有没有挂... 您好：明星麻将这款游戏可以开挂，确实是有挂的，需要了解加客服微信【5848499】很多玩家在这款游戏...

总结文章“新道游棋牌有透视挂吗... 您好：新道游棋牌这款游戏可以开挂，确实是有挂的，需要了解加客服微信【7682267】很多玩家在这款游...

终于懂了手机麻将到底有没有挂... 您好：手机麻将这款游戏可以开挂，确实是有挂的，需要了解加客服微信【8435338】很多玩家在这款游戏...