更新记录

1.0.3（2025-05-22） 下载此版本

新增 overflowMode 属性，属性值是 'fit' 和 'ellipsis'，分别表示文字超出容器时自动缩小字体大小和显示省略号。 新增 overflowMode为 ellipsis 时，新增 tooltip 功能，当文字超出容器时显示提示信息。

1.0.2（2025-05-15） 下载此版本

新增 fontWeight 属性 用于调整文字粗细 新增 customStyle 属性 用于外部传入自定义样式

1.0.1（2025-05-15） 下载此版本

文档优化

平台兼容性

uni-app

其他

mk-auto-text-fit

文字大小自动适配容器宽度的组件，适用于微信小程序、H5、App（支持 Vue2 和 Vue3）。

使用方法

安装

将 mk-auto-text-fit 文件夹放入 uni_modules 下。

引用

<mk-auto-text-fit text="文字内容" color='red' />

属性

注意

组件默认宽高为 100%，如需控制宽度，请通过 customStyle 设置；

为提升性能，组件在文字变化后通过 setTimeout 延迟重新适配；

为避免初次加载时字体大小闪烁，可搭配容器设置最小宽度或骨架屏优化。