https://github.com/wechat-miniprogram/miniprogram-elder-transform

小程序适老化自动适配工具
https://github.com/wechat-miniprogram/miniprogram-elder-transform

Last synced: 15 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/wechat-miniprogram/miniprogram-elder-transform
• Owner: wechat-miniprogram
• Created: 2021-09-06T06:40:56.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-10-24T10:56:18.000Z (2 months ago)
• Last Synced: 2024-12-10T07:10:57.127Z (24 days ago)
• Language: TypeScript
• Size: 85.9 KB
• Stars: 39
• Watchers: 4
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# miniprogram-elder-transform

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

## 注意

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

## 使用

```bash

# 转换当前目录下小程序源码，需要保证 app.json 在目录下

npx miniprogram-elder-transform .

```

## 原理

转换工具会首先自动给页面`wxml`加上 ``，从而将用户设置的字体大小作用到小程序的 `rem` 大小单位。

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

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