uniapp实现全局修改字体大小功能(方式二)

时间:2024-02-25 10:09:36

这个实现方式的思路跟第一种差不多,但是没有第一种方便,后期改动也比较麻烦

实现思路:在每个组件的根节点绑定class,根据当前设置的字体大小返回一个对应的父类名,然后全局通过这几个父级类名来控制所有的子级字体

比如这样,设置了字号为15,就在根节点返回类命 .font-15,然后根据这个父级类控制子级的样式

 

实现过程:

 

改变字体大小,然后存储,每个页面读取,刷新页面跟第一种方法都差不多,这里就不写了

总结这两种的区别就是page-meta方式比较灵活,方便后期修改,class方式实现过程比较简单,但是维护比较麻烦;