微信小程序 全局字体控制(字体大小)

现在要做一个全局字体大小控制的功能

此处的字体大小不是指字号， 而是全局的一个大小比例控制（0.7倍、1倍、1.5倍这样）

框架是Taro+scss+redux

 

预想是通过js控制scss里的变量，即在全局scss文件里设变量值$fontSizeMultiple(默认值为1)

然后通过页面上的点击操作，即js控制该值的数值，来控制所有页面的字体规格（所有页面的scss文件中的字体，在设置时都会乘以该公共值）

 

设想是这样的，是否可行，以及如何实现，还在摸索。

尝试两周，出了几版效果  但是都达不到目标要求。。

年底其他项目推进，该功能暂时搁置

 

2020/6/4

 

目前功能是实现了, 不过并没有做到上文所说js控制scss变量，

而是常规的，在scss里预设了对应字号的所有样式内容，  通过不同的顶部字体类名控制。

js控制不同倍数下在xml里的最外层标签的字体类名，借而加载不同类名下挂载的对应字体及样式控制。

 

tips: 这么搞还是会预设很多样式代码。  还是没有达到当初只控制font-size值的目标QAQ