一种页面显示方法、计算设备及计算机可读存储介质与流程

本说明书涉及计算机应用，具体地说，涉及计算机应用下的页面展示技术，更具体地说，涉及一种页面显示方法、计算设备及计算机可读存储介质。

背景技术：

1、随着计算机应用技术的不断发展，各类应用程序的页面展示效果也愈加丰富，如何优化展示页面中信息的展示效果，成为相关技术人员的研究重点。

2、因此，有必要提高一种展示效果更好的页面显示方法。

技术实现思路

1、本说明书实施例提供了一种页面显示方法、计算设备及计算机可读存储介质，通过在显示目标弹窗图层时，将所述目标弹窗图层与展示页面中当前显示的弹窗图层之间互不遮挡的方式，实现了充分利用展示页面的显示空间，同时展示多个层级的弹窗图层中的信息的目的，达到了信息展示更加丰富，优化展示效果的目的。

2、为实现上述技术目的，本说明书实施例提供了如下技术方案：

3、第一方面，本说明书的一个实施方式提供一种页面显示方法，包括：

4、响应于针对展示页面中当前显示的第一弹窗图层的弹窗弹出操作，自所述第一弹窗图层的一侧弹出目标弹窗图层并显示，所述目标弹窗图层与所述展示页面中当前显示的弹窗图层之间互不遮挡，所述目标弹窗图层包括所述第一弹窗图层的下一层级的弹窗图层。

5、第二方面，本说明书的一个实施方式提供一种页面显示装置，所述页面显示装置包括：

6、弹窗显示模块，用于响应于针对展示页面中当前显示的第一弹窗图层的弹窗弹出操作，自所述第一弹窗图层的一侧弹出目标弹窗图层并显示，所述目标弹窗图层与所述展示页面中当前显示的弹窗图层之间互不遮挡，所述目标弹窗图层包括所述第一弹窗图层的下一层级的弹窗图层。

7、可选地，所述展示页面包括多个弹窗图层，所述多个弹窗图层各自的层级不同。

8、可选地，所述弹窗图层包括隐藏状态和显示状态，在自所述第一弹窗图层的一侧弹出目标弹窗图层并显示之前，所述目标弹窗图层处于所述隐藏状态，在所述隐藏状态下，所述目标弹窗图层与所述第一弹窗图层层叠设置，且所述目标弹窗图层位于所述第一弹窗图层的下方；

9、在所述显示状态下，所述目标弹窗图层与所述第一弹窗图层的至少一条边相邻，且所述目标弹窗图层与所述第一弹窗图层之间互不遮挡；

10、或者，在所述隐藏状态下，所述目标弹窗图层处于透明状态；在所述显示状态下，所述目标弹窗图层处于非透明状态。

11、可选地，所述自所述第一弹窗图层的一侧弹出目标弹窗图层并显示包括：

12、利用动画效果，将所述目标弹窗图层由所述隐藏状态切换为所述显示状态。

13、可选地，所述弹窗图层包括抽屉弹窗，低层级的所述弹窗图层覆盖未显示的高层级的所述弹窗图层；

14、所述自所述第一弹窗图层的一侧弹出目标弹窗图层并显示包括：

15、将所述目标弹窗图层以弹出动画效果，从所述第一弹窗图层的第一侧弹出，并在所述第一弹窗图层的第一侧显示所述目标弹窗图层；

16、所述第一侧为所述第一弹窗图层朝向所述展示页面中的显示空间的一侧，所述显示空间为未显示所述弹窗图层的区域。

17、可选地，所述弹窗显示模块将所述目标弹窗图层以弹出动画效果，从所述第一弹窗图层的第一侧弹出，并在所述第一弹窗图层的第一侧显示所述目标弹窗图层具体用于：

18、在所述展示页面中，若所述第一弹窗图层的第一侧的显示空间的尺寸小于所述目标弹窗图层的尺寸，则根据所述第一弹窗图层的第一侧的显示空间的尺寸缩小所述目标弹窗图层的尺寸，将缩小后的所述目标弹窗图层以弹出动画效果，从所述第一弹窗图层的第一侧弹出，并在所述第一弹窗图层的第一侧显示所述目标弹窗图层；

19、或者

20、在所述展示页面中，若所述第一弹窗图层的第一侧的显示空间的尺寸小于所述目标弹窗图层的尺寸，则在所述展示页面中显示滚动条，将所述目标弹窗图区以弹窗动画效果，从所述第一弹窗图层的第一侧弹出，并在所述第一弹窗图层的第一侧显示至少部分所述目标弹窗图层，所述滚动条用于响应于滚动事件，调整在所述展示页面中显示的所述弹窗图层的内容。

21、可选地，所述展示页面还包括第一容器和多个第二容器；所述第二容器用于容纳所述弹窗图层；所述第一容器用于定义所述展示页面的显示空间。

22、可选地，所述展示页面中显示的多个所述弹窗图层按照层级由小到大的顺序，自所述第一容器的第一边起沿第一方向排布；

23、所述第一方向包括所述第一容器的所述第一边指向第二边的方向，所述第二边包括所述第一容器中与所述第一边平行的一条边。

24、可选地，所述弹窗显示模块还用于：

25、在相邻层级的弹窗图层的交界位置处，显示基于阴影效果的分割图案；

26、不同层级的所述弹窗图层的背景色不同。

27、可选地，所述弹窗显示模块还用于：在所述展示页面中显示半透明遮罩图层，所述半透明遮罩图层覆盖所述展示页面中未显示所述弹窗图层的区域。

28、可选地，所述展示页面包括多个弹窗图层，所述多个弹窗图层包括第二弹窗图层和与所述第二弹窗图层关联的至少一个第三弹窗图层，所述第二弹窗图层用于显示目标数据；所述第二弹窗图层和所述第三弹窗图层均为在所述展示页面中显示的弹窗图层；

29、所述页面显示装置还包括：

30、信息交互模块，用于响应于针对所述目标数据的触发操作，将所述触发操作针对的所述目标数据发送给所述第三弹窗图层，并在所述关联位置中显示。

31、可选地，所述展示页面包括多个不同层级的弹窗图层；

32、若所述目标弹窗图层并非最大层级的弹窗图层，则所述目标弹窗图层的侧边具有展开空间，所述展开控件用于响应触发操作，将所述目标弹窗图层的下一级弹窗图层自所述目标弹窗图层的一侧弹出并显示；

33、若所述目标弹窗图层为最大层级的弹窗图层，则所述目标弹窗图层的侧边具有收回控件，所述收回控件用于响应于触发操作，执行至少一个所述弹窗图层的收回操作，在所述收回操作中，所述目标弹窗图层的收回顺序为1。

34、第三方面，本说明书的一个实施方式还提供了一种计算设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上所述的页面显示方法。

35、第四方面，本说明书的一个实施方式还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的页面显示方法。

36、第五方面，本说明书实施例提供了一种计算机程序产品或计算机程序，所述计算机程序产品包括计算机程序，所述计算机程序存储在计算机可读存储介质中；所述计算机设备的处理器从所述计算机可读存储介质读取所述计算机程序，所述处理器执行所述计算机程序时实现上述的页面显示方法的步骤。

37、从上述技术方案可以看出，本说明书实施例提供的页面显示方法通过在显示目标弹窗图层时，将所述目标弹窗图层与展示页面中当前显示的弹窗图层之间互不遮挡的方式，实现了充分利用展示页面的显示空间，同时展示多个层级的弹窗图层中的信息的目的，达到了信息展示更加丰富，优化展示效果的目的。此外，所述多个弹窗图层均设置于所述展示页面中，便于建立各弹窗图层之间的联系，也有利于减少页面数量，降低该页面显示方法对于硬件的性能要求。