From abd9ed3adc1ea2871b702faf2ce88657dc08b8cb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=88=98=E8=8F=8A=E8=90=8D=28=E7=B5=AE=E9=BB=8E=29?= Date: Tue, 15 Aug 2023 12:04:34 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20update=20init.md,=20add=20device=20?= =?UTF-8?q?=E5=8F=82=E6=95=B0=E8=AF=A6=E7=BB=86=E8=AF=B4=E6=98=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/docs/api/init.md | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) diff --git a/docs/docs/api/init.md b/docs/docs/api/init.md index 9917d1f72..10e754176 100644 --- a/docs/docs/api/init.md +++ b/docs/docs/api/init.md @@ -118,7 +118,7 @@ init(document.getElementById('engine'), { enableCondition: false, }); ``` -### + ### 默认打开移动端画布 ```typescript import { init } from '@alilc/lowcode-engine'; @@ -126,6 +126,25 @@ import { init } from '@alilc/lowcode-engine'; init({ 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 第三方工具扩展