本文探讨了使用Taro+scss+redux框架实现全局字体大小控制的方法。最初设想通过JS动态调整SCSS变量来改变所有页面的字体大小比例，但最终采用预设不同字体大小类名并由JS切换的方式实现。
现在要做一个全局字体大小控制的功能
此处的字体大小不是指字号， 而是全局的一个大小比例控制（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
扫一扫
6253
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
