电话 400-101-6950

# 页面管理

可通过以下功能模块,对应用的移动端页面进行设计与管理:

  1. 「页面目录」:可以添加、删除与发布应用页面,并根据业务需要对页面进行分组管理
  2. 「大纲树面板」:通过大纲树面板,可以根据层级结构查看与选择页面中的组件
  3. 「组件目录」:页面设计器最核心的功能,开发者可快捷拖拽官方页面组件以及企业自行开发的自定义页面组件到画布中使用
  4. 「JS脚本面板」:开发者可以使用它,对页面进行自定义事件扩展
  5. 「CSS样式扩展面板」:开发者可通过样式表,对单个页面或应用的所有页面,进行个性化设计样式实现
  6. 「应用页面设置」:可配置应用级的PC端/移动端导航类型、菜单入口显隐、标签页模式

# 页面目录

在页面目录中页面展示的顺序,会直接作用于运行平台的导航(通过“页面菜单”切换),如图:

image.png

# 页面分组

支持添加与编辑页面分组

image.png

image.png

# 页面管理

添加页面: 点击【+】按钮

**编辑页面: **点击页面名称右侧齿轮图标,即可复制页面、修改页面信息、发布页面、删除页面。

image.png

image.png

# 大纲树面板

功能详细介绍见:PC-页面管理 (opens new window)

# 组件列表

各组件介绍参见各目录

# JS脚本面板

开发者可以使用它,对页面进行自定义事件扩展,功能详细介绍见「JS脚本扩展」 (opens new window)

# CSS样式扩展面板

开发者可通过样式表,对单个页面或应用的所有页面,进行个性化设计样式实现,功能详细介绍见「CSS样式扩展」 (opens new window)

# 应用页面设置-移动端导航设置

image.png

# 悬浮按钮

  • 页面菜单: 当前应用内的所有一级页面会显示“悬浮菜单”,方便快速切换页面
  • 回到工作台: 当前应用的首页显示“回到工作台”悬浮按钮,用户点击可以回到七巧工作台

image.png

image.png

# 底部导航

功能详细介绍见:底部导航 (opens new window)

1 / 0