【V4.0 Update1新功能】仪表板更多元化的标签页设置和更流畅的切换效果

收藏

本帖最后由 dof 于 2020-10-9 09:48 编辑

设计多页仪表板时，不可避免地会涉及到切换页面的问题。在Wyn Enterprise中，一般有两种页标签样式，如下：
一种是导航条:
image.png755883788.png

一种是页标签：

这两种样式可在仪表板中的全局设置中进行切换：
image.png673162231.png

在V4.0版本中，当选中页标签样式时，底部文字选项卡宽度固定，如果字数过长就会默认“...”显示：
image.png836097717.png

而在V4.0 update1中，增加了对页标签的以下两个设置：
image.png403425902.png

【1】宽度设置：
宽度设置有三种：
image.png614731444.png

（1）当选择为页标签样式时，默认宽度为“自动宽度”，可将所有的文字显示完全：
image.png911417236.png

（2）当设为固定宽度时，还可以根据需要对宽度进行设置：
image.png427746886.png

效果图：

（3）当设为平均分布宽度时，效果如下，它会对均分页面底部宽度：
image.png137647399.png

【2】对齐方式
对齐方式主要针对于“自动宽度”和“固定宽度”，对齐方式有以下几种：
image.png263119506.png

默认为左对齐方式，右对齐和居中效果分别如下：
image.png622254333.png

【3】页面切换动画
V4.0 Update1版本除了增加以上两种设置，还增加了一种切换页面的动画，V4.0版本默认只有滑动效果：
image.png120124205.png

“淡入”效果，切换页面更顺滑，会有一种只改变局部图表的“假象”哦，如下：
页面淡入.gif

【4】页标签“预加载”功能
在V4.0 Update1中，会在当前页面显示期间，预加载（数据，图片和其他js / css资源等）下一页的数据。比如：仪表板包含三个页面，如果当前页面为第二个页面，则将加载第三页的数据，而当仪表板切换到第三页时，就不需要再去请求加载这些资源，很好地提升了页面渲染效果。

		自动登录	找回密码
密码			立即注册

[仪表板] 【V4.0 Update1新功能】仪表板更多元化的标签页设置和更流畅的切换效果