教程 框架 组件 接口 其他

新建页面

通过本节你将学会:

1. 打开创建页面

  • 通过【文件】【新建快应用页面】菜单打开创建新的页面功能界面。
  • 通过【命令面板】输入 Create A Hap Page 打开创建新的页面功能界面。

    快应用开发工具

2. 输入创建的快应用页面信息

  • 页面标题:在标题栏显示,相当于 titlebarText,不限格式

  • 页面路径:

    • 左边:选择路径,默认目录为 /src/,可以点击后修改,但必须在当前项目的 src 文件夹下。否则弹框提示“根目录必须在当前项目的 src 文件夹下”。

    • 右边:填写路径,格式为 name1/name2,不需要以/开头,路径中的文件夹名由字母、数字、连字符、_组成,长度 1-255。当默认路径为 /src/ 时,右边不能为空。当默认路径不为 /src/ 时,右边可以为空。

注意:

  • 这部分格式规则较多,在填写时,红字提示格式错误。

  • 选择模版,更多模版可以通过 开发工具插件市场 下载 页面模版,模版将会自动导入。

3. 完成创建

  • 点击完成,开发工具会自动打开新建的页面。

  • 新建的页面将会放到用户所选择的路径下。

  • 同时插件会自动在 manifest.json 中的 router 下的 pages 字段和 display 下的 pages 字段中添加页面信息。

注意:

  • 这里如果用户配置了 toolkit 并且修改了 sourceRoot 字段,页面的默认路径值将会相应的改变,页面路径选择输入框左边的按钮中的内容也会相应改变。

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容