diff --git a/zh-cn/application-dev/quick-start/figures/zh-cn_image_202206250937.png b/zh-cn/application-dev/quick-start/figures/zh-cn_image_202206250937.png new file mode 100644 index 0000000000000000000000000000000000000000..c4aa65192d174763ee3b6c74e10274978868ac67 Binary files /dev/null and b/zh-cn/application-dev/quick-start/figures/zh-cn_image_202206250937.png differ diff --git a/zh-cn/application-dev/quick-start/start-with-ets-low-code.md b/zh-cn/application-dev/quick-start/start-with-ets-low-code.md index 0054fd8fbfbfc506f37f7127ebd9f62abcb3dac8..ac80b5edac057582e6cb6e3b189d088c0a2860d7 100644 --- a/zh-cn/application-dev/quick-start/start-with-ets-low-code.md +++ b/zh-cn/application-dev/quick-start/start-with-ets-low-code.md @@ -17,7 +17,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能，通过可 - 直接创建一个支持低代码开发的新工程以进行开发。本文以此方式为例进行说明。 -- 在已有工程中，创建visual文件来进行开发。 +- 在已有工程中，创建visual文件来进行开发。此种方式的操作可参考[创建visual文件支持低代码开发](#构建第二个页面)。 ## 创建新工程支持低代码开发 diff --git a/zh-cn/application-dev/quick-start/start-with-js-low-code.md b/zh-cn/application-dev/quick-start/start-with-js-low-code.md index e98ceb6a4956f2d85700011a2f89b47622c84912..bdd4bfad89140eacc919502e19bd0993885a3dff 100644 --- a/zh-cn/application-dev/quick-start/start-with-js-low-code.md +++ b/zh-cn/application-dev/quick-start/start-with-js-low-code.md @@ -15,7 +15,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能，通过可 - 直接创建一个支持低代码开发的新工程以进行开发。本文以此方式为例进行说明。 -- 在已有工程中，创建visual文件来进行开发。 +- 在已有工程中，创建visual文件来进行开发。此种方式的操作可参考[创建visual文件支持低代码开发](#构建第二个页面)。 ## 创建新工程支持低代码开发 @@ -82,10 +82,15 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能，通过可 ## 构建第二个页面 1. 创建第二个页面。 - 在“**Project**”窗口，打开“**entry > src > main > js > MainAbility**”，右键点击“**pages**”文件夹，选择“**New > Visual**”，命名为“**second**”，单击“**Finish**”，即完成第二个页面的创建。可以看到文件目录结构如下： - + 在“**Project**”窗口，打开“**entry > src > main > js > MainAbility**”，右键点击“**pages**”文件夹，选择“**New > Visual**”，命名为“**second**”，单击“**Finish**”，即完成第二个页面的创建。 + 新建visual文件的操作如下： + + create-newVisual + + 可以看到文件目录结构如下： + ![zh-cn_image_0000001223882030](figures/zh-cn_image_0000001223882030.png) - + 2. [删除画布原有模板组件。](#delete_origin_content) 3. [添加容器，设置Div容器的样式和属性。](#add_container)