• EN

门户页面添加分页导航

作者:eteams2023-08-31 13:55

1.场景说明

门户引擎支持用户自定义多种类型的门户页面,用于信息汇总、操作引导或者数据分析。当在我们进行页面设计的时候,如果希望在当前页面上点击导航栏切换显示页面,如在本专题的示例中,分页显示销售战报和数字大屏并支持点击切换。可以通过门户设置的开启选项卡或页面设计器的选项卡组件实现。


展示效果如下图所示:


2.功能简介

通过门户设置的开启选项卡功能可以在门户页面上添加分页导航,实现点击选项时在当前页面切换查看多个页面的信息,分页导航栏默认显示在页面顶部,其位置和样式不能调整,且不能在导航栏上添加其他组件,但是操作简单。

通过页面设计器的选项卡组件灵活实现分页导航,可以修改导航栏栏的样式,如标签栏的位置,标签选中颜色等,也可以在整个标签栏上面添加其他组件,支持自定义更多页面细节,但是操作复杂。

以上两种方式都能实现页面分页导航,用户可以根据自己的实际需求选择采用哪种方式。


3.操作说明

1、新建门户,门户类型为页面,打开【开启选项卡】开关,添加选项卡子选项,如图1所示:

 

图1 新建页面并开启选项卡


2、分别设计子选项页面,设计完成之后的导航切换效果如图2所示:

 

图2 门户的选项卡分页导航实现效果


3、除了门户独有的开启选项卡功能外,在页面设计器中通过选项卡组件可以实现当前页面切换显示页面的效果。

添加选项卡组件,设置标签栏,在标签栏下添加其他组件,如图3所示:

 

图3 选项卡组件实现页面切换

最终显示效果如图4所示:

 

图4 页面设计器选项卡组件实现分页导航效果

         

Download Log in Enable for free

Scan with WeChat to register and install

在线咨询
  • WeCom service group

    另存
  • Pre-sales consultant

    另存
  • QQ group

    413040701

    Join

Follow us

021-50388680

sales@eteams.cn

Live