Skip to content

wechat-miniprogram/miniprogram-elder-transform

Repository files navigation

miniprogram-elder-transform

小程序适老化自动适配工具

注意

本适老化适配工具不能覆盖所有场景,经过本工具转换后仍需要进行测试和手动适配,以符合产品预期

使用

# 转换当前目录下小程序源码,需要保证 app.json 在目录下
npx miniprogram-elder-transform .

原理

转换工具会首先自动给页面wxml加上 <page-meta root-font-size="system"/>,从而将用户设置的字体大小作用到小程序的 rem 大小单位。

之后,转换工具会将wxss中的字体大小,行高,图片宽高等样式,转换为根据rem缩放的形式:

如转换前wxss样式为 font-size: 14px;,则转换后为 font-size: calc(14px + 0.5 * (1rem - 16px));

About

小程序适老化自动适配工具

Resources

Stars

Watchers

Forks

Packages

No packages published