页面

页面，用于承载当前业务流转的内容。

V-Proto 中的页面根据系统预设分为以下三种：

1. 空白页面

提供一个空白的，可用于用户自由配置的业务的画布——使用频率最高。

1.1 改变画布尺寸

鼠标移动至画布边缘时，会出现蓝色拖拽手柄，图标拖拽可调节画布尺寸。

1.2 应用模板框架

母版框架用于固定母版形式结构的页面配置。

系统提供了顶栏框架、底栏框架两种方式；预览时顶栏与底栏不随页面滚动，始终停留在顶部或底部。

（1） 应用顶栏框架

顶栏框架默认左侧为状态信息，右侧为操作按钮，常用于业务操作较多的场景。

可在属性面板中设置显示状态为 False ，关掉左侧状态的显示。

（2）应用底栏框架

底栏框架常用于弹窗页面，用于业务操作按钮较少的场景。

（3）应用框架母版到其他页面

当配置了许多页面时，发现有部分页面需要修改为相同的框架模板，可应用框架母版到其他页面。

在页面画布中任意出点击鼠标右键，选择「应用框架母版到其他页面」。

2. 登录

用于进入系统的主入口。

提供简单的系统标识、背景图片，以及页面跳转交互配置。

• 修改系统标志：点击页面左上角「LOGO」标识，或在属性面板中 logo 属性添加图片；
• 修改背景图片：双击背景图片，或在属性面板中 背景图片 属性中修改；
• 设置登录跳转：点击「登录」按钮处，选择登录跳转的目标页面。

3. 首页

用于组织系统业务的框架结构。

可根据需求在属性中显示/隐藏顶栏，隐藏顶栏常用于多系统配置的场景

• 修改系统标志：点击页面左上角「LOGO」标识，或在属性面板中 logo图标 属性添加图片；
• 顶栏菜单配置：双击顶栏菜单，或在属性面板中点击 顶栏菜单 属性设置。
• 左边栏菜单配置：双击左边栏菜单，或在属性面板中点击 左边栏菜单 属性设置。
• 左边栏菜单风格：可以设置左边栏菜单的显示风格，包括：弹出显示、手风琴和混合模式。

（1）顶栏菜单配置

依次添加菜单项，并且设置对应的目标页面即可。

（2）左边栏菜单配置

侧栏菜单录入时，点击批量新增，可选择多个页面批量导入。

按住 Ctrl 可选择非连续的多个菜单，按住 Shift 选择连续的多个菜单。通过拖拽，将选中的菜单进行批量排序、升降级等操作。