[发明专利]页面内容展示方法和装置、计算机系统和存储介质

说明书

本公开提供了一种页面内容展示方法，包括：确定要在显示页面展示的n个标签，其中，显示页面包括至少一个显示区域，每个标签具有与自身对应的显示内容，其中，n为大于1的整数；确定显示页面中的当前显示区域中每个标签的宽度和与标签对应的显示内容的宽度；根据每个标签的宽度和与标签对应的显示内容的宽度，确定与标签对应的展示区域；响应于用户选择n个标签中的目标标签的操作，在与目标标签对应的展示区域展示预设样式的标识内容。本公开还提供了一种页面内容展示装置、计算机系统和存储介质。

技术领域

本公开涉及计算机技术领域，更具体地，涉及一种页面内容展示方法和装置、计算机系统和存储介质。

背景技术

在页面显示过程中，一般可以通过切换多个标签来显示不同的内容信息，每个标签上可以设置有名称等说明性的显示内容。在某一个标签被选中时，当前页面可以显示与该标签对应的内容信息。

在实现本公开构思的过程中，发明人发现可以在被选中的标签下方展示下划线等标识内容，但是，目前的展示方式会导致页面展示效果差，影响用户体验。

发明内容

有鉴于此，本公开提供了一种页面内容展示方法和装置、计算机系统和存储介质。

本公开的一个方面提供了一种页面内容展示方法，包括：确定要在显示页面展示的n个标签，其中，所述显示页面包括至少一个显示区域，每个标签具有与自身对应的显示内容，其中，n为大于1的整数；确定所述显示页面中的当前显示区域中每个所述标签的宽度和与所述标签对应的显示内容的宽度；根据每个所述标签的宽度和与所述标签对应的显示内容的宽度，确定与所述标签对应的展示区域；响应于用户选择所述n个标签中的目标标签的操作，在与所述目标标签对应的展示区域展示预设样式的标识内容。

根据本公开的实施例，确定所述显示页面中的当前显示区域中每个所述标签的宽度和与所述标签对应的显示内容的宽度包括：根据所述当前显示区域的宽度和所述当前显示区域中的最大展示标签数，确定所述当前显示区域中每个所述标签的宽度；针对每个所述标签，根据与所述标签对应的显示内容所占据的像素数量，确定与所述标签对应的显示内容的宽度。

根据本公开的实施例，根据所述当前显示区域的宽度和所述当前显示区域中的最大展示标签数，确定所述当前显示区域中每个所述标签的宽度包括：在所述当前显示区域中的最大展示标签数小于n时，确定所述当前显示区域中每个所述标签的宽度为W/m，其中，W为所述当前显示区域的宽度，m为所述当前显示区域中的最大展示标签数，m为大于等于1的整数；以及在所述当前显示区域中的最大展示标签数大于等于n时，确定所述当前显示区域中每个所述标签的宽度为W/n。

根据本公开的实施例，根据每个所述标签的宽度和与所述标签对应的显示内容的宽度，确定与所述标签对应的展示区域包括：针对每个标签，根据与所述标签对应的显示内容的宽度，确定与所述标签对应的展示区域的宽度；根据所述标签的宽度和与所述标签对应的展示区域的宽度，确定所述标签的起始位置和与所述标签对应的展示区域的起始位置之间的距离。

根据本公开的实施例，根据所述标签的宽度和与所述标签对应的展示区域的宽度，确定所述标签的起始位置和与所述标签对应的展示区域的起始位置之间的距离包括：确定所述标签的起始位置和与所述标签对应的展示区域的起始位置之间的距离b＝(所述标签的宽度-与所述标签对应的展示区域的宽度)/2。

根据本公开的实施例，在与所述目标标签对应的展示区域展示预设样式的标识内容包括：将预设展示样式填充到与所述目标标签对应的展示区域，以在与所述目标标签对应的展示区域展示预设样式的标识内容。