本文探讨了移动端文字垂直居中且向上偏移的解决方案，避免使用line-height，转而采用transform scale缩放方法。在实现过程中需要注意所有尺寸需扩大一倍。还分享了一个基于Vue封装的badge组件及其显示效果。
移动端文字垂直居中向上偏移解决方案
解决方案:
不使用line-height进行垂直居中
使用 transform scale 缩放操作
注意：既然使用缩放，则所有的大小，宽高数值扩大一倍;
基于vue封装的badge组件,
作用: 给一个值，自动定位到右上角，如果值大于99，则显示 99+， 如果为空或者零，则不显示角标
显示效果
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190318165954558.png
使用方式：
<Badge :num="item.count">
<Icon :
最低0.47元/天 解锁文章
扫一扫
3542
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
