JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

feat(core): 添加设计稿宽度设置(px转rem相关)，默认375，可设置为750

Browse Source
This commit is contained in:
Iain 2022-07-22 15:25:26 +08:00 committed by jia000
parent 3ccabfbe44
commit 923e8ea5ab
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/core/src/App.ts
View File

@ -36,6 +36,7 @@ interface AppOptionsConfig {
config?: MApp;
platform?: 'editor' | 'mobile' | 'tv' | 'pc';
jsEngine?: 'browser' | 'hippy';
designWidth?: number;
curPage?: Id;
transformStyle?: (style: Record<string, any>) => Record<string, any>;
}
@ -55,6 +56,7 @@ class App extends EventEmitter {
public platform = 'mobile';
public jsEngine = 'browser';
public designWidth = 375;
public components = new Map();
@ -66,13 +68,14 @@ class App extends EventEmitter {
this.env = new Env(options.ua);
options.platform && (this.platform = options.platform);
options.jsEngine && (this.jsEngine = options.jsEngine);
options.designWidth && (this.designWidth = options.designWidth);
// 根据屏幕大小计算出跟节点的font-size，用于rem样式的适配
if (this.platform === 'mobile' || this.platform === 'editor') {
const calcFontsize = () => {
let { width } = document.documentElement.getBoundingClientRect();
width = Math.min(800, width);
const fontSize = width / 3.75;
const fontSize = width / (this.designWidth / 100);
document.documentElement.style.fontSize = `${fontSize}px`;
};