github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2025-12-11 18:42:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: update init.md, add device 参数详细说明

Browse Source
This commit is contained in:
刘菊萍(絮黎) 2023-08-15 12:04:34 +08:00 committed by 林熠
parent c458b1b2ec
commit abd9ed3adc
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
docs/docs/api/init.md
View File

@ -118,7 +118,7 @@ init(document.getElementById('engine'), {
enableCondition: false, enableCondition: false,
}); });
``` ```
###
### 默认打开移动端画布 ### 默认打开移动端画布
```typescript ```typescript
import { init } from '@alilc/lowcode-engine'; import { init } from '@alilc/lowcode-engine';
@ -126,6 +126,25 @@ import { init } from '@alilc/lowcode-engine';
init({ init({
device: 'mobile', device: 'mobile',
}); });
```
### device 参数详细说明
引擎默认支持的 device 类型有 `default`、`mobile`、`iphonex`、`iphone6`。
插件 `@alilc/lowcode-plugin-simulator-select` 支持的 device 类型有 `default`、`phone`、`tablet`、`desktop`。
如果需要自定义的 device 类型，需要补充 device 类型对应的样式，例如 device 为 phone 时，需要补充样式如下：
```css
.lc-simulator-device-phone {
top: 16px;
bottom: 16px;
left: 50%;
width: 375px;
transform: translateX(-50%);
margin: auto;
}
``` ```
### 使用 utils 第三方工具扩展 ### 使用 utils 第三方工具扩展