跳至主要內容

页面设置

2025年1月21日大约 5 分钟

页面设置允许用户自定义界面布局和外观,包括整体风格、颜色、导航模式和面板设置等各个方面。

整体风格

页面设置整体风格可选项有浅色、暗色两种模式。

  • 浅色:页面和导航栏为浅色模式。

  • 深色:页面和导航栏为暗色模式。

主题颜色

用户可在主题颜色设定画布区域的主题色调,提供了自定义颜色功能。当前所选颜色不仅能够调节画布内导航选中的激活效果,同时也可作为导航风格的主色调。

Logo&标题

允许用户控制画布内Logo和标题的显示。用户可以隐藏或显示标题,替换Logo,并选择将它们放置在侧边或顶部。这些设置旨在快速调整画布的视觉元素,满足不同的展示需求。

标题显隐:设置驾驶舱标题显示/隐藏。

Logo替换:用户可修改页面中logo,点击logo图片,打开素材库,选择需要替换的图片。

  • logo隐藏:在素材库中取消选中的图片,点击确定,可隐藏logo。

提示

Logo大小规则:Logo大小由其本身尺寸及所在位置自动调整,无需手动设置。当Logo置于顶部时,其高度受顶部面板限制,并按高度等比例显示;置于侧边时,其宽度受侧边面板限制,并按宽度等比例显示。若Logo宽度小于侧边最大宽度,则保持原宽显示;若大于侧边宽度,则按侧边宽度等比例缩放显示。

侧边面板:宽度上限224px,高度无限制。

顶部面板:高度上限32px,宽度无限制。

Logo&标题位置:画布区域 logo 和标题显示位置可选择项侧边面板、顶部面板两种模式。

  • 侧边面板:设置logo和标题显示在侧边。
  • 顶部面板:设置logo和标题显示在顶部。

提示

当 PC 端导航模式为顶部时,Logo&标题位置不可设置为侧边面板

背景颜色

画布内容区域的背景颜色设置,支持手动输入或点击打开色板选择颜色。

导航风格

导航风格可调节导航区域的颜色,设有浅色、暗色和主题色三种可选模式,主题色会依据上面选定的主题颜色来设定。

提示

优先级导航风格>整体风格

整体风格暗色时,导航风格浅色不可选。

面包屑&页签导航

控制面包屑和页签导航的启用/禁用状态,并设定其显示区域。

内容区域(默认):面包屑&页签导航在内容区域显示。

顶部区域:设置面包屑&页签导航显示在顶部。

提示

顶部区域设置条件Logo&标题侧边面板并且 PC 导航模式侧边

面包屑显示层数规则

PC端:显示导航树全部层级结构。

移动端:最多显示两层层级结构。

PC端导航模式

设置PC端画布中导航栏排版位置,支持侧边、顶部和混合三种模式。

侧边:导航栏只显示在左侧侧边面板。

顶部:导航栏只显示在顶部面板。

混合:导航栏在侧边和顶部都显示。

  • Logo&标题为侧部面板:侧边栏展示全部一级导航目录,而顶部面板则显示侧边栏当前选中的一级导航所包含的所有子导航。
  • Logo&标题为顶部面板:顶部栏展示全部一级导航目录,而侧边面板则显示顶部栏当前选中的一级导航所包含的所有子导航 。

移动端导航

设置移动端画布中导航栏排版位置,支持顶部、底部和抽屉三种模式。

顶部:导航栏只显示在顶部面板。

底部:导航栏只显示在底部面板。

  • 底部显示导航规则:当一级导航树数量大于 4 个时,底部按钮名称最多显示 4 个文字,超出的导航将在更多下呈现

抽屉:导航显示通过抽屉的形式显示在侧边,点击,显示菜单。

顶部/底部导航选中模式

当画布区域的导航位于顶部或底部时,其激活效果可选择三种:选中字字+线选中块

选中字:激活导航只有文字高亮。

字+线:激活导航文字高亮且文字有下/上滑线。

选中块:激活导肮背景颜色高亮。

顶部面板

针对于画布中顶部面板在内容滚动时,是否随滚动条滚动的设置。

固定:设置顶部面板不随滚动条滚动,始终显示在顶部。

滚动显示模式:开启时,可设置滚动阈值。当达到该阈值时,顶部面板才会随滚动条滚动。单位(像素)。

  • 默认值:250px。

  • 生效条件固定模式关闭。

分割样式:设置顶部面板和内容区域的分隔样式,支持边框阴影

侧边面板

针对于画布中侧边面板在页面内容滚动时,是否随滚动条滚动的设置,只有在侧边栏展开时有效。

固定:开启时,侧边面板始终固定不随滚动条滚动,关闭时,随滚动条滚动。

分隔样式:设置侧边面板与内容区域的分隔,支持阴影边框三种样式。

内容区域

对内容区域的模式设定,支持流式定宽两种模式。

流式(默认):占满整个内容区域。

定宽:自定义内容区域宽度。

上次编辑于: 2025/2/24 17:21:44
贡献者: zhangshuai,guohuizheng