CN115708049A - Page display method, device, equipment and medium - Google Patents

Abstract

The disclosure discloses a page display method, device, equipment and medium. The method comprises the following steps: when selection operation of at least one option to be displayed is received, displaying a positioning control corresponding to each option to be displayed; and responding to the triggering operation of one positioning control, and displaying the information display card corresponding to the positioning control to a target position. According to the information display card display method and device, when the selection operation of the options to be displayed is received, the positioning control corresponding to each option to be displayed is automatically displayed, when the triggering operation of the user on one positioning control is received, the information display card corresponding to the positioning control is automatically displayed to the target position, and therefore the technical effect that the user quickly checks the information displayed on the information display card is achieved by combining the selected control and the selected positioning control.

Description

Translated fromChinese

页面显示方法、装置、设备和介质Page display method, device, equipment and medium

技术领域technical field

本公开涉及数据处理领域，尤其涉及一种页面显示方法、装置、设备和介质。The present disclosure relates to the field of data processing, and in particular to a page display method, device, device and medium.

背景技术Background technique

现有的页面显示方案，通常是通过手动将期望查看的数据移动至目标位置进行显示，但是现有方式操作效率较低，交互方式单一，影响用户体验。The existing page display scheme usually displays the desired data by manually moving it to the target position, but the existing method has low operation efficiency and a single interaction method, which affects the user experience.

发明内容Contents of the invention

本公开实施例提供一种页面显示方法、装置、设备和介质，实现了快速便捷地查看信息的效果。Embodiments of the present disclosure provide a page display method, device, device, and medium, which realize the effect of quickly and conveniently viewing information.

第一方面，本公开实施例提供了一种页面显示方法，包括：In a first aspect, an embodiment of the present disclosure provides a method for displaying a page, including:

在接收到对至少一个待显示选项的选择操作时，显示每个所述待显示选项对应的定位控件；When a selection operation on at least one option to be displayed is received, displaying a positioning control corresponding to each option to be displayed;

响应于对一个所述定位控件的触发操作，将所述定位控件对应的信息展示卡显示至目标位置。In response to a trigger operation on one of the positioning controls, the information display card corresponding to the positioning control is displayed at the target position.

第二方面，本公开实施例还提供了一种页面显示装置，包括：In a second aspect, an embodiment of the present disclosure further provides a page display device, including:

第一显示模块，用于在接收到对至少一个待显示选项的选择操作时，显示每个所述待显示选项对应的定位控件；The first display module is configured to display a positioning control corresponding to each of the options to be displayed when a selection operation on at least one option to be displayed is received;

控制模块，用于响应于对一个所述定位控件的触发操作，将所述定位控件对应的信息展示卡显示至目标位置。A control module, configured to display an information display card corresponding to the positioning control to a target position in response to a trigger operation on one of the positioning controls.

第三方面，本公开实施例还提供了一种电子设备，包括：In a third aspect, an embodiment of the present disclosure also provides an electronic device, including:

一个或多个处理器；one or more processors;

存储器，用于存储一个或多个程序；memory for storing one or more programs;

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如上述实施例中任一项所述的页面显示方法。When the one or more programs are executed by the one or more processors, the one or more processors implement the page display method as described in any one of the above embodiments.

第四方面，本公开实施例还提供了一种计算机存储介质，所述介质存储有计算机程序，所述计算机程序被处理器执行时实现如上述实施例任一项所述的页面显示方法。In a fourth aspect, an embodiment of the present disclosure further provides a computer storage medium, the medium stores a computer program, and when the computer program is executed by a processor, the page display method as described in any one of the above embodiments is implemented.

本公开通过在接收到对待显示选项的选择操作时，自动显示每个待显示选项对应的定位控件，并在接收到用户对其中一个定位控件的触发操作时，自动将定位控件对应的信息展示卡显示至目标位置，从而通过选中控件与定位控件的两者结合，实现了用户快速查看信息展示卡上所展示信息的技术效果，相较于现有的信息展示方式，提高了用户查看感兴趣信息的效率，提升了用户体验。This disclosure automatically displays the positioning controls corresponding to each of the options to be displayed when receiving the selection operation of the options to be displayed, and automatically displays the information corresponding to the positioning control when receiving the user's trigger operation on one of the positioning controls Displayed to the target position, so that through the combination of the selected control and the positioning control, the technical effect of the user quickly viewing the information displayed on the information display card is realized. Compared with the existing information display method, it improves the user's viewing of interesting information. efficiency and improve user experience.

附图说明Description of drawings

结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。The above and other features, advantages and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic and that elements and elements are not necessarily drawn to scale.

图1为本公开实施例一提供的一种页面显示方法的流程图；FIG. 1 is a flowchart of a page display method provided byEmbodiment 1 of the present disclosure;

图2是本公开实施例提供的一种定位控件的显示示意图；FIG. 2 is a schematic display diagram of a positioning control provided by an embodiment of the present disclosure;

图3是本公开实施例提供的一种信息展示卡的显示示意图；Fig. 3 is a schematic display diagram of an information display card provided by an embodiment of the present disclosure;

图4是本公开实施例提供的一种目标位置和第一显示区域之间的显示示意图；Fig. 4 is a schematic display diagram between a target position and a first display area provided by an embodiment of the present disclosure;

图5是本公开实施例二提供的一种页面显示方法的流程图；FIG. 5 is a flow chart of a page display method provided in Embodiment 2 of the present disclosure;

图6是公开实施例提供的一种信息展示卡展示顺序的显示示意图；Fig. 6 is a schematic view showing the display order of information display cards provided by the disclosed embodiment;

图7是本公开实施例三提供的一种页面显示方法的流程图；FIG. 7 is a flow chart of a page display method provided by Embodiment 3 of the present disclosure;

图8是本公开实施例四提供的一种页面显示方法的流程图；FIG. 8 is a flow chart of a page display method provided in Embodiment 4 of the present disclosure;

图9是本公开实施例提供的一种图表容器的显示示意图；Fig. 9 is a schematic display diagram of a chart container provided by an embodiment of the present disclosure;

图10是本公开实施例提供的一种第一显示区域的显示示意图；Fig. 10 is a schematic display diagram of a first display area provided by an embodiment of the present disclosure;

图11是本公开实施例提供的一种定位控件和信息展示卡之间的显示示意图；Fig. 11 is a schematic display diagram between a positioning control and an information display card provided by an embodiment of the present disclosure;

图12是本公开实施例五提供的一种页面显示装置的结构框图；Fig. 12 is a structural block diagram of a page display device provided in Embodiment 5 of the present disclosure;

图13是本公开实施例提供的一种电子设备的结构框图。Fig. 13 is a structural block diagram of an electronic device provided by an embodiment of the present disclosure.

具体实施方式Detailed ways

下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the drawings, it should be understood that the disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein; A more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for exemplary purposes only, and are not intended to limit the protection scope of the present disclosure.

应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。It should be understood that the various steps described in the method implementations of the present disclosure may be executed in different orders, and/or executed in parallel. Additionally, method embodiments may include additional steps and/or omit performing illustrated steps. The scope of the present disclosure is not limited in this respect.

本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。As used herein, the term "comprise" and its variations are open-ended, ie "including but not limited to". The term "based on" is "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one further embodiment"; the term "some embodiments" means "at least some embodiments." Relevant definitions of other terms will be given in the description below.

需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。It should be noted that concepts such as "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the sequence of functions performed by these devices, modules or units or interdependence.

需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative and not restrictive, and those skilled in the art should understand that unless the context clearly indicates otherwise, it should be understood as "one or more" multiple".

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。The names of messages or information exchanged between multiple devices in the embodiments of the present disclosure are used for illustrative purposes only, and are not used to limit the scope of these messages or information.

实施例一Embodiment one

图1为本公开实施例一提供的一种页面显示方法的流程图，本实施例适用于对用户感兴趣的信息进行快速查看的情况。该方法可以由配置于电子设备中的页面显示装置来执行。该电子设备可以终端设备，优选可以是计算机。如图1所示，本实施例中的方法包括如下步骤：FIG. 1 is a flow chart of a page display method provided by Embodiment 1 of the present disclosure. This embodiment is applicable to the situation of quickly viewing information that a user is interested in. The method can be executed by a page display device configured in an electronic device. The electronic device can be a terminal device, preferably a computer. As shown in Figure 1, the method in this embodiment includes the following steps:

S110、在接收到对至少一个待显示选项的选择操作时，显示每个待显示选项对应的定位控件。S110. When a selection operation on at least one to-be-displayed option is received, display a positioning control corresponding to each to-be-displayed option.

其中，待显示选项指的是用户可以进行选择的指标选项。在实施例中，在显示页面中可以配置多个待显示选项，并且，可以从多个维度对待显示选项进行分类。示例性地，可以从指标类型的维度对待显示选项进行分类。其中，指标类型可以包括：基本信息、经营信息、交易信息、售后信息等，并且，每个指标类型可以包括多个待显示选项。示例性地，在指标类型为基本信息中包括当前营业状态、主营垂类等多个待显示选项；又如，在指标类型为经营信息中包括是否人店一体、GPM分布、闭环gmv分布等多个待显示选项。在实际操作过程中，对每个待显示选项配置一个选择框，用户可以根据自身查看需求对一个或多个待显示选项进行选择，即在一个或多个待显示选项所对应的选择框中进行勾选。Wherein, the options to be displayed refer to indicator options that can be selected by the user. In an embodiment, multiple to-be-displayed options can be configured on the display page, and the to-be-displayed options can be classified from multiple dimensions. Exemplarily, the options to be displayed may be classified from the dimension of indicator type. Wherein, the indicator type may include: basic information, business information, transaction information, after-sales information, etc., and each indicator type may include multiple options to be displayed. For example, when the indicator type is basic information, it includes multiple options to be displayed, such as current business status and main vertical category; for another example, when the indicator type is business information, it includes whether people and stores are integrated, GPM distribution, closed-loop gmv distribution, etc. Multiple options to display. In the actual operation process, a selection box is configured for each option to be displayed, and users can select one or more options to be displayed according to their own viewing needs, that is, in the selection box corresponding to one or more options to be displayed tick.

在一实施例中，每个待显示选项配置一个唯一的选项标识；每个信息显示卡配置一个唯一的卡片标识；待显示选项、信息展示卡与定位控件之间存在一一映射关系。可以理解为，对每个待显示选项配置一个唯一的定位控件，以及每个待显示选项与其中一个信息展示卡相关联，即待显示选项、定位控件和信息展示卡两两之间是一一映射关系。在实施例中，在接收到用户对显示页面中的一个或多个待显示选项执行的选择操作之后，根据待显示选项分别与定位控件以及信息展示卡之间的映射关系，查找每个待显示选项对应的定位控件和信息展示卡，然后在显示页面的对应位置上显示每个待显示选项对应的定位控件和信息展示卡。在实际操作过程中，为了便于用户对每个待显示选项和定位控件两者之间映射关系的查看，可以在每个待显示选项的右侧配置对应的定位控件。In an embodiment, each option to be displayed is configured with a unique option identifier; each information display card is configured with a unique card identifier; there is a one-to-one mapping relationship among the options to be displayed, the information display card and the positioning control. It can be understood that a unique positioning control is configured for each option to be displayed, and each option to be displayed is associated with one of the information display cards, that is, the options to be displayed, the positioning control, and the information display card are one by one Mapping relations. In the embodiment, after receiving the user's selection operation on one or more options to be displayed on the display page, according to the mapping relationship between the options to be displayed and the positioning control and the information display card, each The positioning control and information display card corresponding to the options are displayed, and then the positioning control and information display card corresponding to each option to be displayed are displayed on the corresponding position of the display page. During actual operation, in order to facilitate the user to view the mapping relationship between each option to be displayed and the positioning control, a corresponding positioning control may be configured on the right side of each option to be displayed.

在实际操作过程中，一个待显示选项可以作为主选项，并在该主选项中包括多个作为从选项的待显示选项。在接收到对作为主选项的待显示选项的选择操作时，自动显示作为该主选项中多个作为从选项的待显示选项对应的定位控件。示例性地，图2是本公开实施例提供的一种定位控件的显示示意图。本实施例中，以待显示选项1为一个主选项，并且，在待显示选项1中包括3个作为从选项的待显示选项(分别为待显示选项11、待显示选项12和待显示选项13)为例，对待显示选项对应的定位控件的显示过程进行说明。如图2所示，在指标类型1中包括待显示选项1和待显示选项2，并且，待显示选项1中还包括：待显示选项11、待显示选项12和待显示选项13，在实际选择过程中，若用户直接在待显示选项1的选择框中执行勾选操作，则直接对待显示选项1中的待显示选项11、待显示选项12和待显示选项13进行勾选，即无需对待显示选项11、待显示选项12和待显示选项13执行一一勾选操作，并且，直接显示待显示选项11、待显示选项12和待显示选项13对应的定位控件。当然，若只需查看待显示选项11对应的信息展示卡上的信息时，则可以直接对待显示选项11执行勾选操作。During actual operation, one option to be displayed may be used as a main option, and the main option includes multiple options to be displayed as sub-options. When a selection operation on the option to be displayed as the main option is received, the positioning controls corresponding to the options to be displayed as the secondary options in the main option are automatically displayed. Exemplarily, FIG. 2 is a schematic display diagram of a positioning control provided by an embodiment of the present disclosure. In this embodiment, theoption 1 to be displayed is a main option, and theoption 1 to be displayed includes 3 options to be displayed as slave options (respectively the option 11 to be displayed, the option 12 to be displayed and the option 13 to be displayed ) as an example to describe the display process of the positioning control corresponding to the option to be displayed. As shown in Figure 2,indicator type 1 includes options to be displayed 1 and options to be displayed 2, andoption 1 to be displayed also includes: option 11 to be displayed, option 12 to be displayed, and option 13 to be displayed. During the process, if the user directly performs a check operation in the selection box ofoption 1 to be displayed, the option 11 to be displayed, option 12 to be displayed and option 13 to be displayed inoption 1 to be displayed will be checked directly, that is, there is no need to display The option 11, the option to be displayed 12, and the option to be displayed 13 are checked one by one, and the positioning controls corresponding to the option 11 to be displayed, the option to be displayed 12, and the option to be displayed 13 are directly displayed. Certainly, if only the information on the information display card corresponding to the option 11 to be displayed is checked, the option 11 to be displayed can be checked directly.

可以理解为，一个作为主选项的待显示选项，可以与多个作为从选项的待显示选项对应的定位控件关联，即一个作为主选项的待显示选项，可以与多个定位控件相关联。It can be understood that an option to be displayed as a main option may be associated with multiple positioning controls corresponding to options to be displayed as a secondary option, that is, an option to be displayed as a main option may be associated with multiple positioning controls.

当然，在实际操作过程中，若区域C的显示界面上未展示出用户需要查看的待显示选项时，可以点击“自定义显示项”，以将用户需要查看的待显示选项添加至区域C的显示界面上。Of course, in the actual operation process, if the display interface of area C does not display the options to be displayed that the user needs to view, you can click "Custom Display Items" to add the options to be displayed that the user needs to view to the area C. displayed on the interface.

S120、响应于对一个定位控件的触发操作，将定位控件对应的信息展示卡显示至目标位置。S120. In response to a trigger operation on a positioning control, display the information display card corresponding to the positioning control to the target position.

其中，触发操作指的是用户对定位控件的点击操作。在实施例中，触发操作的实现方式与电子设备的属性有关。示例性地，在电子设备为触屏终端时，可以通过用户手指、触屏笔等方式实现对定位控件的点击操作；在电子设备为非触屏终端时，可以通过鼠标、键盘热键等方式实现对定位控件的点击操作。Wherein, the triggering operation refers to the user's click operation on the positioning control. In an embodiment, the implementation of the triggering operation is related to the property of the electronic device. Exemplarily, when the electronic device is a touch screen terminal, the click operation on the positioning control can be realized by means of the user's finger, touch screen pen, etc.; Implement the click operation on the positioning control.

其中，信息展示卡可以理解为一个固定区域，在信息展示卡上包括：待显示选项和待显示选项对应的图表数据或图片。示例性地，以待显示选项为待显示选项3为例，对图表卡片的显示进行说明。图3是本公开实施例提供的一种信息展示卡的显示示意图。如图3所示，在接收到用户对待显示选项3所对应定位控件的触发操作时，获取待显示选项3所关联的信息展示卡3，并在信息展示卡3的左上方显示待显示选项3，以及在信息展示卡3中显示待显示选项3对应的图表数据。Wherein, the information display card can be understood as a fixed area, and the information display card includes: options to be displayed and chart data or pictures corresponding to the options to be displayed. Exemplarily, taking the option to be displayed as the option 3 to be displayed as an example, the display of the chart card will be described. Fig. 3 is a schematic display diagram of an information display card provided by an embodiment of the present disclosure. As shown in Figure 3, when the trigger operation of the positioning control corresponding to the option 3 to be displayed by the user is received, the information display card 3 associated with the option 3 to be displayed is obtained, and the option 3 to be displayed is displayed on the upper left of the information display card 3 , and the chart data corresponding to the option 3 to be displayed is displayed in the information display card 3 .

其中，目标位置指的是在页面上便于用户查看信息展示卡上所展示信息的位置。在实际操作过程中，目标位置可以为一个区域，也可以为一个位置点，对此并不进行限定。在实施例中，以目标位置为一个区域为例，对目标位置与信息展示卡所在显示区域之间的关系进行说明。在一实施例中，目标位置包括下述之一：第一显示区域的顶部位置；第一显示区域的中间位置；顶部位置与中间位置之间的预设位置。其中，第一显示区域为信息展示卡所在的显示区域，位于页面的某个区域中。在目标位置为第一显示区域的顶部位置时，可以理解为对待显示选项对应的信息展示卡进行置顶显示。当然，在实际操作过程中，目标位置也可以为信息展示卡所在显示区域中的任一位置，也可以为信息展示卡所在显示区域之外的某一位置，对此并不进行限定。示例性地，以目标位置为第一显示区域的顶部位置，目标位置为一个区域，以及待显示选项为待显示选项1为例，对目标位置和第一显示区域之间的显示关系进行说明。图4是本公开实施例提供的一种目标位置和第一显示区域之间的显示示意图。如图4所示，在一个显示页面中可以配置多个区域，其中，假设区域A为第一显示区域，区域B为目标位置，并且，区域A完全包含区域B(即目标位置为第一显示区域的顶部位置)。可以理解为，在接收到用户对待显示选项1所对应定位控件的触发操作时，自动将待显示选项1对应的信息展示卡移动至第一显示区域的顶部位置(即区域B)，并且在信息展示卡的左上方显示对应的待显示选项1，即待显示选项1指的是信息展示卡所对应的指标名称，以便于用户快捷高效地查看信息展示卡上的数据信息。当然，目标位置也可以位于第一显示区域的上方位置，即图4中的区域B位于区域A的上方位置(即区域B位于区域D内)，也可以理解为目标位置位于第一显示区域之外的区域，或者，目标位置也可以位于第一显示区域中的其它位置，即图4中的区域B可以位于区域A的任一位置，对此并不进行限定。Wherein, the target position refers to a position on the page that is convenient for the user to view the information displayed on the information display card. During actual operation, the target location may be an area or a location point, which is not limited. In the embodiment, taking the target position as an example, the relationship between the target position and the display area where the information display card is located is described. In an embodiment, the target position includes one of the following: a top position of the first display area; a middle position of the first display area; a preset position between the top position and the middle position. Wherein, the first display area is the display area where the information display card is located, and is located in a certain area of the page. When the target position is the top position of the first display area, it can be understood as displaying the information display card corresponding to the option to be displayed on top. Certainly, in the actual operation process, the target position may also be any position in the display area where the information display card is located, or a certain position outside the display area where the information display card is located, which is not limited. Exemplarily, taking the target position as the top position of the first display area, the target position as an area, and the option to be displayed as theoption 1 to be displayed as an example, the display relationship between the target position and the first display area will be described. Fig. 4 is a schematic diagram of a display between a target position and a first display area provided by an embodiment of the present disclosure. As shown in Figure 4, multiple areas can be configured in one display page, where it is assumed that area A is the first display area, area B is the target position, and area A completely includes area B (that is, the target position is the first display area top position of the region). It can be understood that, when the trigger operation of the positioning control corresponding to theoption 1 to be displayed is received by the user, the information display card corresponding to theoption 1 to be displayed is automatically moved to the top position of the first display area (that is, area B), and in the information The corresponding to-be-displayed option 1 is displayed on the upper left of the display card, that is, the to-be-displayed option 1 refers to the indicator name corresponding to the information display card, so that users can view the data information on the information display card quickly and efficiently. Of course, the target position can also be located above the first display area, that is, the area B in FIG. Alternatively, the target position may also be located in other positions in the first display area, that is, the area B in FIG. 4 may be located in any position of the area A, which is not limited.

当然，在实际操作过程中，在对一个作为主选项的待显示选项对应的定位控件执行触发操作时，自动将该主选项中多个作为从选项的待显示选项对应的信息展示卡中的第一个信息展示卡显示至目标位置。示例性地，以待显示选项1为一个主选项，并且，在待显示选项1中包括3个作为从选项的待显示选项(分别为待显示选项11、待显示选项12和待显示选项13)为例，对定位控件对应的信息展示卡的显示过程进行说明。在实施例中，在接收到对待显示选项1的选择操作时，显示待显示选项1和待显示选项1中所有从选项(待显示选项11、待显示选项12和待显示选项13)对应的定位控件；相应的，在接收到对待显示选项1所对应定位控件的触发操作时，自动将待显示选项11所对应的信息展示卡显示至目标位置；而待显示选项12和待显示选项13对应的信息展示卡依次展示在待显示选项11所对应信息展示卡的下方位置。Of course, in the actual operation process, when a trigger operation is performed on a positioning control corresponding to a to-be-displayed option as a main option, the first information display card in the information display card corresponding to multiple to-be-displayed options in the main option as secondary options will be automatically displayed. An information display card is displayed to the target location. Exemplarily, theoption 1 to be displayed is taken as a main option, and theoption 1 to be displayed includes 3 options to be displayed as secondary options (respectively, the option to be displayed 11, the option to be displayed 12 and the option to be displayed 13) As an example, the display process of the information display card corresponding to the positioning control is described. In the embodiment, when the selection operation of theoption 1 to be displayed is received, the position corresponding to theoption 1 to be displayed and all sub-options (the option to be displayed 11, the option to be displayed 12, and the option to be displayed 13) in theoption 1 to be displayed is displayed Correspondingly, when receiving the trigger operation of the positioning control corresponding tooption 1 to be displayed, the information display card corresponding to option 11 to be displayed will be automatically displayed to the target position; and the option 12 to be displayed and the option 13 to be displayed corresponding The information display cards are sequentially displayed below the information display cards corresponding to the option 11 to be displayed.

本实施例中的技术方案，在接收到对待显示选项的选择操作时，自动显示每个待显示选项对应的定位控件，并在接收到用户对其中一个定位控件的触发操作时，自动将定位控件对应的信息展示卡显示至目标位置，从而通过选中控件与定位控件的两者结合，实现了用户快速查看信息展示卡上所展示信息的技术效果，相较于现有的信息展示方式，提高了用户查看感兴趣信息的效率，提升了用户体验。The technical solution in this embodiment automatically displays the positioning controls corresponding to each of the options to be displayed when receiving a selection operation of the options to be displayed, and automatically displays the positioning controls corresponding to one of the positioning controls The corresponding information display card is displayed to the target position, so that through the combination of the selection control and the positioning control, the technical effect of the user quickly viewing the information displayed on the information display card is realized. Compared with the existing information display method, the technical effect is improved. The efficiency of users viewing information of interest improves the user experience.

实施例二Embodiment two

图5是本公开实施例二提供的一种页面显示方法的流程图。本实施例与上述实施例一结合，对页面显示方法作进一步的说明。如图5所示，本实施例中的页面显示方法包括如下步骤：FIG. 5 is a flow chart of a page display method provided in Embodiment 2 of the present disclosure. This embodiment is combined with the first embodiment above to further describe the page display method. As shown in Figure 5, the page display method in this embodiment includes the following steps:

S510、在接收到对至少一个待显示选项的选择操作时，显示每个待显示选项对应的定位控件。S510. When a selection operation on at least one to-be-displayed option is received, display a positioning control corresponding to each to-be-displayed option.

S520、在接收到对至少一个待显示选项的选择操作时，根据已选择的待显示选项的排布信息或选择信息，以及已选择的待显示选项所对应信息展示卡的尺寸信息和页面上的第一显示区域的尺寸信息，在第一显示区域对已选择的待显示选项中的至少部分待显示选项所对应的信息展示卡进行显示。S520. When a selection operation on at least one option to be displayed is received, display the size information of the card and the information on the page according to the arrangement information or selection information of the selected option to be displayed, and the information corresponding to the selected option to be displayed. For the size information of the first display area, information display cards corresponding to at least some of the selected options to be displayed are displayed in the first display area.

其中，已选择的待显示选项指的是页面上已经被勾选的待显示选项，也可以理解为定位控件已经被显示出来的待显示选项。在一实施例中，可以根据已选择的待显示选项的排布信息、已选择的待显示选项所对应信息展示卡的尺寸信息和页面上的第一显示区域的尺寸信息，在第一显示区域对已选择的待显示选项中的至少部分待显示选项所对应的信息展示卡进行显示。在一实施例中，也可以根据已选择的待显示选项的选择信息、已选择的待显示选项所对应信息展示卡的尺寸信息和页面上的第一显示区域的尺寸信息，在第一显示区域对已选择的待显示选项中的至少部分待显示选项所对应的信息展示卡进行显示。其中，已选择的待显示选项的排布信息可以包括已选择的待显示选项在所在区域的排布顺序；已选择的待显示选项的选择信息可以包括已选择的待显示选项的选择时间先后顺序。Wherein, the selected to-be-displayed options refer to the to-be-displayed options that have been checked on the page, and can also be understood as the to-be-displayed options whose positioning control has been displayed. In an embodiment, according to the arrangement information of the selected options to be displayed, the size information of the information display card corresponding to the selected options to be displayed, and the size information of the first display area on the page, the first display area Displaying information display cards corresponding to at least some of the selected options to be displayed. In an embodiment, it may also be displayed in the first display area according to the selection information of the selected option to be displayed, the size information of the information display card corresponding to the selected option to be displayed, and the size information of the first display area on the page. Displaying information display cards corresponding to at least some of the selected options to be displayed. Wherein, the arrangement information of the selected options to be displayed may include the arrangement order of the selected options to be displayed in the area; the selection information of the selected options to be displayed may include the selection time sequence of the selected options to be displayed .

在一实施例中，S520可以包括S5201-S5204：In an embodiment, S520 may include S5201-S5204:

S5201、在已选择的待显示选项为多个的情况下，根据多个待显示选项的排布顺序或选择时间先后顺序确定信息展示卡展示顺序。S5201. In the case that there are multiple selected options to be displayed, determine the display order of the information display cards according to the arrangement sequence or the selection time sequence of the multiple options to be displayed.

其中，已选择的待显示选项为多个的情况，指的是已选择的待显示选项为至少两个的情况。需要说明的是，每个待显示选项和对应的定位控件位于页面上且在第一显示区域之外的第二显示区域。其中，第二显示区域在页面上固定显示，即第二显示区域是不可进行移动显示的区域。第二显示区域和显示区域可以为横向排列的关系，即第一显示区域位于第二显示区域的左侧。在实施例中，多个待显示选项的排布顺序指的是待显示选项在第二显示区域中的排布顺序。在实际操作过程中，在第二显示区域中依次排列多个待显示选项，在接收到用户对一个或多个待显示选项的选择操作时，已选择的待显示选项的右侧显示对应的定位控件，以及在第一显示区域显示该待显示选项对应的信息展示卡。Wherein, the situation that there are multiple options to be displayed that have been selected refers to the situation that at least two options to be displayed have been selected. It should be noted that each option to be displayed and the corresponding positioning control are located on the page and in a second display area outside the first display area. Wherein, the second display area is fixedly displayed on the page, that is, the second display area is an area that cannot be displayed in a movable manner. The relationship between the second display area and the display area may be arranged horizontally, that is, the first display area is located on the left side of the second display area. In an embodiment, the arrangement order of the multiple to-be-displayed options refers to the arrangement order of the to-be-displayed options in the second display area. During actual operation, a plurality of options to be displayed are arranged sequentially in the second display area, and when a selection operation of one or more options to be displayed by the user is received, the corresponding positioning is displayed on the right side of the selected option to be displayed control, and display an information display card corresponding to the option to be displayed in the first display area.

在实际操作过程中，在对多个待显示选项执行选择操作时，可以按照每个待显示选项在第二显示区域的上下排布顺序依次在第一显示区域显示已选择的每个待显示选项对应的信息展示卡；也可以按照用户在第二显示区域中对待显示选项的选择时间先后顺序依次在第一显示区域显示已选择的每个待显示选项对应的信息展示卡。示例性地，对按照每个待显示选项在第二显示区域的上下排布顺序依次在第一显示区域显示已选择的每个待显示选项对应的信息展示卡进行说明，若用户在第二显示区域中依次选择待显示选项1、待显示选项4、待显示选项6、待显示选项9和待显示选项3，则在第一显示区域中信息展示卡的展示顺序依次为：待显示选项1对应的信息展示卡、待显示选项3对应的信息展示卡、待显示选项4对应的信息展示卡、待显示选项6对应的信息展示卡和待显示选项9对应的信息展示卡；又如，对按照第二显示区域中对待显示选项的选择时间先后顺序依次在第一显示区域显示已选择的每个待显示选项对应的信息展示卡进行说明，若用户在第二显示区域中依次选择待显示选项1、待显示选项4、待显示选项6、待显示选项9和待显示选项3，则在第一显示区域中信息展示卡的展示顺序依次为：待显示选项1对应的信息展示卡、待显示选项4对应的信息展示卡、待显示选项6对应的信息展示卡、待显示选项9对应的信息展示卡和待显示选项3对应的信息展示卡。During actual operation, when performing a selection operation on multiple options to be displayed, each option to be displayed that has been selected can be displayed in the first display area in sequence according to the order in which each option to be displayed is arranged up and down in the second display area Corresponding information display cards; the information display cards corresponding to each selected option to be displayed may also be displayed in the first display area sequentially according to the user's selection time sequence of the options to be displayed in the second display area. Exemplarily, it is explained that the information display card corresponding to each selected option to be displayed is sequentially displayed in the first display area according to the arrangement order of each option to be displayed up and down in the second display area. Select the option to be displayed 1, the option to be displayed 4, the option to be displayed 6, the option to be displayed 9 and the option 3 to be displayed in sequence in the area, then the display order of the information display cards in the first display area is as follows:option 1 to be displayed corresponds to , the information display card corresponding to option 3 to be displayed, the information display card corresponding to option 4 to be displayed, the information display card corresponding to option 6 to be displayed, and the information display card corresponding to option 9 to be displayed; In the second display area, the selection time sequence of the options to be displayed is sequentially displayed in the first display area, and the information display card corresponding to each selected option to be displayed is displayed in the first display area. If the user selectsoption 1 to be displayed in sequence in the second display area , to-be-displayed option 4, to-be-displayed option 6, to-be-displayed option 9, and to-be-displayed option 3, then the display order of the information display cards in the first display area is: information display card corresponding to to-be-displayed option 1, to-be-displayed option The information display card corresponding to 4, the information display card corresponding to option 6 to be displayed, the information display card corresponding to option 9 to be displayed, and the information display card corresponding to option 3 to be displayed.

示例性地，以选择三个待显示选项(分别为待显示选项1、待显示选项3、待显示选项4)，以及按照每个待显示选项在第二显示区域的上下排布顺序依次在第一显示区域显示已选择的每个待显示选项对应的信息展示卡为例，对信息展示卡展示顺序的显示过程进行说明。图6是公开实施例提供的一种信息展示卡展示顺序的显示示意图。如图6所示，用户可以通过鼠标在第二显示区域(即图6中的区域C)中选择待显示选项(比如，待显示选项1、待显示选项3、待显示选项4)，在用户选择一个待显示选项(即在该待显示选项执行勾选操作)时，在该待显示选项的右侧显示对应的定位控件，并在第一显示区域(即图6中的区域B)显示对应的信息展示卡。其中，已选择的待显示选项的上下排布顺序依次为待显示选项1、待显示选项3和待显示选项4，则在第一显示区域中信息展示卡的展示顺序依次为待显示选项1的信息展示卡、待显示选项3的信息展示卡和待显示选项4的信息展示卡。Exemplarily, to select three options to be displayed (respectively, options to be displayed 1, options to be displayed 3, options to be displayed 4), and according to the sequence of arrangement of each option to be displayed in the second display area The first display area displays the information display card corresponding to each option to be displayed that has been selected as an example, and the display process of the information display card display sequence is described. Fig. 6 is a schematic diagram of a display sequence of information display cards provided by a disclosed embodiment. As shown in Figure 6, the user can select the options to be displayed (for example,option 1 to be displayed, option 3 to be displayed, option 4 to be displayed) in the second display area (ie, area C in Figure 6 ) through the mouse, and the user When an option to be displayed is selected (that is, a check operation is performed on the option to be displayed), the corresponding positioning control is displayed on the right side of the option to be displayed, and the corresponding positioning control is displayed in the first display area (ie, area B in FIG. 6 ). information display card. Among them, the upper and lower arrangement order of the selected options to be displayed isOption 1 to be displayed, Option 3 to be displayed and Option 4 to be displayed, then the display order of the information display cards in the first display area isOption 1 to be displayed in sequence. The information display card, the information display card of option 3 to be displayed, and the information display card of option 4 to be displayed.

S5202、根据第一显示区域的尺寸信息、已选择的待显示选项对应的信息展示卡的尺寸信息及信息展示卡展示顺序确定目标信息展示卡。S5202. Determine the target information display card according to the size information of the first display area, the size information of the information display card corresponding to the selected option to be displayed, and the display order of the information display cards.

其中，每个信息展示卡的尺寸信息可以是相同的，也可以是不相同的，对此并不进行限定。其中，信息展示卡的尺寸信息可以包括信息展示卡的高度和宽度，即每个显示展示卡的占用面积是确定的。需要说明的是，可以在信息展示卡上展示待显示选项对应的图表，也可以展示待显示选项对应的图片，并不进行限定。可以理解为，信息展示卡的尺寸信息与待显示选项所对应的图表大小或图片大小有关，即待显示选项对应的图表或图片的尺寸越大，相应的，信息展示卡的尺寸越大。在实施例中，以每个信息展示卡的尺寸信息是相同的为例，对目标信息展示卡的确定过程进行说明。Wherein, the size information of each information display card may be the same or different, which is not limited. Wherein, the size information of the information display card may include the height and width of the information display card, that is, the occupied area of each display card is determined. It should be noted that the chart corresponding to the option to be displayed may be displayed on the information display card, and the picture corresponding to the option to be displayed may also be displayed, which is not limited. It can be understood that the size information of the information display card is related to the size of the graph or picture corresponding to the option to be displayed, that is, the larger the size of the graph or picture corresponding to the option to be displayed, the correspondingly the larger the size of the information display card. In the embodiment, taking the same size information of each information display card as an example, the process of determining the target information display card is described.

在实际操作过程中，第一显示区域的显示面积是有限的，即第一显示区域的尺寸是固定的。也可以理解为，在第一显示区域中一次性所展示的信息展示卡的数量是有限的。在实施例中，可以根据第一显示区域的显示面积和信息展示卡的占用面积确定第一显示区域内所可以展示的信息展示卡的数量，然后根据信息展示卡的数量和信息展示卡展示顺序确定目标信息展示卡。示例性地，如图6所示，根据第一显示区域的显示面积和信息展示卡的占用面积确定第一显示区域内所可以展示的信息展示卡的数量为两个，并根据信息展示卡展示顺序(依次为待显示选项1的信息展示卡、待显示选项3的信息展示卡和待显示选项4的信息展示卡)确定目标信息展示卡为：待显示选项1的信息展示卡、待显示选项3的信息展示卡。当然，在第一显示区域的右侧配置移动按钮，以通过移动按钮调整信息展示卡在第一显示区域中的当前位置。During actual operation, the display area of the first display area is limited, that is, the size of the first display area is fixed. It can also be understood that the number of information display cards displayed at one time in the first display area is limited. In an embodiment, the number of information display cards that can be displayed in the first display area can be determined according to the display area of the first display area and the occupied area of the information display cards, and then according to the number of information display cards and the display order of the information display cards Determine the target information display card. Exemplarily, as shown in FIG. 6, the number of information display cards that can be displayed in the first display area is determined to be two according to the display area of the first display area and the occupied area of the information display cards, and displayed according to the information display cards. The sequence (the information display card ofoption 1 to be displayed, the information display card of option 3 to be displayed, and the information display card of option 4 in turn) determines the target information display card as: the information display card ofoption 1 to be displayed, the option to be displayed 3 information display cards. Of course, a moving button is configured on the right side of the first display area, so as to adjust the current position of the information display card in the first display area through the moving button.

S5203、在目标信息展示卡为多个的情况下，根据多个目标信息展示卡所对应的多个待显示选项的排布顺序或选择时间先后顺序确定多个目标信息展示卡展示顺序。S5203. In the case that there are multiple target information display cards, determine the display sequence of the multiple target information display cards according to the arrangement order or selection time sequence of the multiple options to be displayed corresponding to the multiple target information display cards.

在实施例中，每个目标信息展示卡所对应的待显示选项的排布顺序或选择时间先后顺序指的是每个目标信息展示卡所对应的待显示选项在所有目标信息展示卡所对应的待显示选项中的排布顺序或选择时间先后顺序。需要说明的是，多个目标信息展示卡展示顺序可以与多个已选择的待显示选项所对应信息展示卡展示顺序相同。示例性地，假设已选择的待显示选项所对应信息展示卡展示顺序依次为：待显示选项1的信息展示卡、待显示选项3的信息展示卡和待显示选项4的信息展示卡；并且，目标信息展示卡为待显示选项1的信息展示卡和待显示选项3的信息展示卡，则多个目标信息展示卡展示顺序依次为：待显示选项1的信息展示卡和待显示选项3的信息展示卡。In the embodiment, the arrangement order or selection time sequence of the options to be displayed corresponding to each target information display card refers to the corresponding display options of each target information display card in all target information display cards. Arrangement order in the options to be displayed or selection chronological order. It should be noted that the display sequence of the multiple target information display cards may be the same as the display sequence of the information display cards corresponding to the multiple selected options to be displayed. Exemplarily, it is assumed that the display order of the information display cards corresponding to the selected options to be displayed is: the information display card ofoption 1 to be displayed, the information display card of option 3 to be displayed, and the information display card of option 4 to be displayed; and, The target information display card is the information display card ofoption 1 to be displayed and the information display card of option 3 to be displayed, then the display order of multiple target information display cards is: the information display card ofoption 1 to be displayed and the information of option 3 to be displayed Show card.

S5204、根据多个目标信息展示卡展示顺序在第一显示区域对多个目标信息展示卡进行显示。S5204. Display the multiple target information display cards in the first display area according to the display sequence of the multiple target information display cards.

在实施例中，按照每个目标信息展示卡的展示顺序依次在第一显示区域展示每个目标信息展示卡。In an embodiment, each target information display card is sequentially displayed in the first display area according to the display order of each target information display card.

S530、响应于作用在第一显示区域的触发操作，对移动至目标位置的信息展示卡所对应的定位控件的显示状态进行切换。S530. In response to the trigger operation acting on the first display area, switch the display state of the positioning control corresponding to the information display card moved to the target position.

其中，触发操作指的是用户对信息展示卡的移动操作，即移动操作可以包括向上移动操作和向下移动操作。需要说明的是，第一显示区域的显示面积是有限的，在用户选择多个待显示选项时，即在对多个待显示选项对应的信息展示卡进行显示时，若无法在第一显示区域中一次性地完全显示所有待显示选项对应的信息展示卡，可以采用对信息展示卡进行移动的方式查看。在实际操作过程中，用户在第一显示区域中移动信息展示卡时，每个待显示选项在第二显示区域中的显示状态也随着用户浏览不同的待显示选项而发生变化，即对移动至目标位置的信息展示卡所对应待显示选项的定位控件的显示状态进行切换，由此丰富了交互方式，方便用户获取当前显示数据对应的显示选项。Wherein, the triggering operation refers to the user's moving operation on the information display card, that is, the moving operation may include an upward moving operation and a downward moving operation. It should be noted that the display area of the first display area is limited. When the user selects multiple options to be displayed, that is, when displaying the information display cards corresponding to the multiple options to be displayed, if the display area cannot be displayed in the first display area The information display cards corresponding to all the options to be displayed can be completely displayed at one time, and the information display cards can be viewed by moving the information display cards. In the actual operation process, when the user moves the information display card in the first display area, the display state of each option to be displayed in the second display area also changes as the user browses different options to be displayed, that is, for moving to The information display card of the target location switches the display state of the positioning control corresponding to the option to be displayed, thereby enriching the interaction mode and making it convenient for the user to obtain the display option corresponding to the current display data.

实施例三Embodiment Three

图7是本公开实施例三提供的一种页面显示方法的流程图。本实施例与上述实施例一结合，对页面显示方法作进一步的说明。如图7所示，本实施例中的页面显示方法包括如下步骤：FIG. 7 is a flow chart of a page display method provided by Embodiment 3 of the present disclosure. This embodiment is combined with the first embodiment above to further describe the page display method. As shown in Figure 7, the page display method in this embodiment includes the following steps:

S710、获取第一显示区域的显示高度。S710. Acquire the display height of the first display area.

其中，第一显示区域为信息展示卡所在的显示区域，即第一显示区域指的是只包含信息展示卡的显示区域。可以理解为，第一显示区域的显示面积是有限的，即可以第一显示区域的显示高度和显示宽度是确定的。在实施例中，在获取第一显示区域之后，对第一显示区域进行识别截取，以确定第一显示区域的显示高度。Wherein, the first display area is the display area where the information display card is located, that is, the first display area refers to a display area that only includes the information display card. It can be understood that the display area of the first display area is limited, that is, the display height and display width of the first display area can be determined. In an embodiment, after the first display area is acquired, the first display area is identified and intercepted to determine the display height of the first display area.

S720、根据显示高度和信息展示卡的尺寸信息动态配置信息展示卡所在图表容器的底部填充参数。S720. Dynamically configure the bottom padding parameters of the chart container where the information display card is located according to the display height and the size information of the information display card.

其中，底部填充参数指的是底部填充区域的各个参数。在实施例中，底部填充参数可以包括：底部填充区域的高度和底部填充区域的宽度等。在实际操作过程中，在页面的显示高度较大时，最底部的信息展示卡无法滚动至信息展示卡所在显示区域的中心位置，或者顶部位置，从而导致该信息展示卡对应的定位控件无法进行显示状态的切换，即无法被激活(或无法被高亮)，造成了信息展示卡和定位控件无法达到一致的交互体验。在实施例中，根据第一显示区域的显示高度动态配置信息展示卡所在图表容器的底部填充参数，使得最后一个信息展示卡的当前所处位置也可以移动至目标位置，从而对信息展示卡所对应的定位控件的显示状态进行切换，从而向用户提供了信息展示卡和定位控件一致的交互体验。Wherein, the bottom filling parameters refer to various parameters of the bottom filling area. In an embodiment, the underfill parameters may include: the height of the underfill area, the width of the underfill area, and the like. In actual operation, when the display height of the page is large, the information display card at the bottom cannot be scrolled to the center or the top position of the display area where the information display card is located, resulting in that the positioning control corresponding to the information display card cannot be adjusted. The switching of the display state, that is, it cannot be activated (or cannot be highlighted), resulting in the inability to achieve a consistent interactive experience between the information display card and the positioning control. In the embodiment, according to the display height of the first display area, the bottom filling parameters of the chart container where the information display card is located are dynamically configured, so that the current position of the last information display card can also be moved to the target position, so that the information display card is displayed The display state of the corresponding positioning control is switched, thereby providing the user with an interactive experience consistent with the information display card and the positioning control.

S730、在接收到对至少一个待显示选项的选择操作时，显示每个待显示选项对应的定位控件。S730. When a selection operation on at least one to-be-displayed option is received, display a positioning control corresponding to each to-be-displayed option.

S740、响应于对一个定位控件的触发操作，将定位控件对应的信息展示卡显示至目标位置。S740. In response to a trigger operation on a positioning control, display the information display card corresponding to the positioning control to the target position.

实施例四Embodiment Four

图8是本公开实施例四提供的一种页面显示方法的流程图。本实施例与上述实施例结合，对页面显示方法作进一步的说明。如图8所示，本实施例中的页面显示方法包括如下步骤：FIG. 8 is a flow chart of a page display method provided by Embodiment 4 of the present disclosure. This embodiment is combined with the foregoing embodiments to further describe the page display method. As shown in Figure 8, the page display method in this embodiment includes the following steps:

S810、在接收到对至少一个待显示选项的选择操作时，在页面上且在第一显示区域之外的第二显示区域显示每个待显示选项对应的定位控件。S810. When a selection operation on at least one to-be-displayed option is received, display a positioning control corresponding to each to-be-displayed option on the page and in a second display area outside the first display area.

其中，在接收到作用在第一显示区域的触发操作时，第二显示区域中的待显示选项在页面上固定显示，第一显示区域中的信息展示卡在页面上移动显示。其中，第二显示区域指的是页面中的某一个区域。在实际操作过程中，第二显示区域可以位于页面的左侧，并用于显示待显示选项所在列表和每个待显示选项对应的定位控件。其中，在待显示选项列表中包括一个或多个待显示选项。当然，也可以通过第二显示区域中的“自定义显示项”将待显示选项添加至第二显示区域中。Wherein, when a trigger operation acting on the first display area is received, the options to be displayed in the second display area are fixedly displayed on the page, and the information display cards in the first display area are moved and displayed on the page. Wherein, the second display area refers to a certain area in the page. During actual operation, the second display area may be located on the left side of the page, and is used to display a list of options to be displayed and a positioning control corresponding to each option to be displayed. Wherein, the list of options to be displayed includes one or more options to be displayed. Of course, the options to be displayed can also be added to the second display area through "custom display items" in the second display area.

S820、在接收到对一个定位控件的触发操作时，获取信息展示卡所在的图表容器。S820. Acquire the chart container where the information display card is located when a trigger operation on a positioning control is received.

在实施例中，图表容器用于承载用户所选择的每个待显示选项对应的信息展示卡。可以理解为，图表容器是由多个信息展示卡组成的。示例性地，假设用户选择3个待显示选项，对图表容器的显示进行说明。图9是本公开实施例提供的一种图表容器的显示示意图。如图9所示，在用户选择待显示选项2、待显示选项3和待显示选项6进行显示之后，在图表容器中分别显示待显示选项2、待显示选项3和待显示选项6所对应的信息展示卡(即信息展示卡2、信息展示卡3和信息展示卡6)。在实施例中，在接收到用户对待显示选项3所对应定位控件的点击操作之后，获取待显示选项3对应的信息展示卡3，然后获取信息展示卡3所在的图表容器。In an embodiment, the chart container is used to carry an information display card corresponding to each option to be displayed selected by the user. It can be understood that the chart container is composed of multiple information display cards. Exemplarily, assuming that the user selects 3 options to be displayed, the display of the chart container will be described. Fig. 9 is a schematic display diagram of a chart container provided by an embodiment of the present disclosure. As shown in Figure 9, after the user selects and displays the options to be displayed 2, the options to be displayed 3, and the options to be displayed 6, the chart containers corresponding to the option 2 to be displayed, the option 3 to be displayed, and the option 6 to be displayed are respectively displayed. Information display card (namely information display card 2, information display card 3 and information display card 6). In the embodiment, after receiving the user's click operation on the positioning control corresponding to the option 3 to be displayed, the information display card 3 corresponding to the option 3 to be displayed is obtained, and then the chart container where the information display card 3 is located is obtained.

S830、以图表容器顶部为基准点，将定位控件对应的信息展示卡显示至目标位置。S830. Using the top of the chart container as a reference point, display the information display card corresponding to the positioning control to the target position.

在实施例中，以图表容器的顶部为基准点，对图表容器中的所有信息展示卡进行移动，以使用户所点击的定位控件对应的信息展示卡移动至目标位置。示例性地，以用户选择3个待显示选项(比如，待显示选项2、待显示选项3和待显示选项6)，并且接收到点击操作的定位控件所对应的待显示选项为待显示选项3，第一显示区域只能显示两个信息展示卡，以及目标位置为第一显示区域的顶部为例，对第一显示区域的显示界面进行说明。图10是本公开实施例提供的一种第一显示区域的显示示意图。如图10所示，在接收到用户对定位控件的触发操作之前，在第一显示区域中显示待显示选项2和待显示选项3所对应的信息展示卡(即图10中的左侧图)，然后接收到用户对待显示选项3所对应定位控件的触发操作时，以图表容器顶部为基准点，对图表容器中的所有信息展示卡进行移动，以使待显示选项3所对应的信息展示卡移动至目标位置，由于第一显示区域的显示面积有限，则自动将待显示选项2对应的信息展示卡移动至第一显示区域之外，以及将待显示选项6对应的信息展示卡显示在第一显示区域内(即图10中的右侧图)。In the embodiment, all the information presentation cards in the chart container are moved with the top of the chart container as the reference point, so that the information presentation card corresponding to the positioning control clicked by the user is moved to the target position. Exemplarily, the user selects three options to be displayed (for example, option 2 to be displayed, option 3 to be displayed, and option 6 to be displayed), and the option to be displayed corresponding to the positioning control that receives the click operation is option 3 to be displayed , the first display area can only display two information display cards, and the target position is the top of the first display area as an example, the display interface of the first display area will be described. Fig. 10 is a schematic display diagram of a first display area provided by an embodiment of the present disclosure. As shown in FIG. 10 , before receiving the user’s trigger operation on the positioning control, the information display card corresponding to the option 2 to be displayed and the option 3 to be displayed is displayed in the first display area (that is, the left figure in FIG. 10 ). , and then when the trigger operation of the positioning control corresponding to option 3 to be displayed is received, move all the information display cards in the chart container with the top of the chart container as the reference point, so that the information display card corresponding to option 3 to be displayed Move to the target position, since the display area of the first display area is limited, the information display card corresponding to option 2 to be displayed is automatically moved outside the first display area, and the information display card corresponding to option 6 to be displayed is displayed on the second A display area (that is, the right figure in Fig. 10).

S840、在接收到对至少一个待显示选项的选择操作时，根据已选择的待显示选项的排布信息或选择信息，以及已选择的待显示选项所对应信息展示卡的尺寸信息和页面上的第一显示区域的尺寸信息，在第一显示区域对已选择的待显示选项中的至少部分待显示选项所对应的信息展示卡进行显示。S840. When a selection operation on at least one option to be displayed is received, display the size information of the card and the information on the page according to the arrangement information or selection information of the selected option to be displayed, and the information corresponding to the selected option to be displayed. For the size information of the first display area, information display cards corresponding to at least some of the selected options to be displayed are displayed in the first display area.

S850、在接收到作用在第一显示区域的触发操作时，获取每个信息展示卡的当前位置。S850. Acquire the current location of each information display card when a trigger operation acting on the first display area is received.

在实施例中，在接收到用户作用在第一显示区域的触发操作时，即对图表容器中的信息展示卡执行移动操作时，获取每个信息展示卡的当前位置。In an embodiment, when a trigger operation of the user acting on the first display area is received, that is, when a moving operation is performed on the information display cards in the chart container, the current position of each information display card is acquired.

S860、确定每个信息展示卡的当前位置与目标位置的比对结果。S860. Determine a comparison result between the current position and the target position of each information display card.

在实施例中，可以根据每个信息展示卡与目标位置所在区域之间的覆盖面积，确定信息展示卡的当前位置与目标位置之间的比对结果。其中，每个信息展示卡的当前位置与目标位置的比对结果包括：移动至目标位置；未移动至目标位置。可以理解为，在信息展示卡与目标位置所在区域的覆盖面积达到预设覆盖面积阈值时，则确定信息展示卡的当前位置移动至目标位置；反之，则未移动至目标位置。示例性地，预设覆盖面积阈值可以为60％，对此并不进行限定。In an embodiment, the comparison result between the current location of the information display card and the target location may be determined according to the coverage area between each information display card and the area where the target location is located. Wherein, the comparison result between the current position and the target position of each information display card includes: moving to the target position; not moving to the target position. It can be understood that when the coverage area of the area where the information display card and the target position are located reaches the preset coverage area threshold, it is determined that the current position of the information display card has moved to the target position; otherwise, it has not moved to the target position. Exemplarily, the preset coverage area threshold may be 60%, which is not limited.

S870、根据比对结果对移动至目标位置的信息展示卡所对应的定位控件的显示状态进行切换。S870. Switch the display state of the positioning control corresponding to the information display card moved to the target position according to the comparison result.

在实施例中，在信息展示卡与目标位置之间的覆盖面积达到预设覆盖面积阈值时，对覆盖面积达到预设覆盖面积阈值的信息展示卡所关联待显示选项对应的定位控件的显示状态进行切换。在实际操作过程中，可以采用定位控件的显示颜色、定位控件的底纹等形式区分定位控件是否进行了显示状态的切换。比如，定位控件为第一显示状态时，显示颜色为灰色，或者未存在底纹；定位控件为第二显示状态时，显示颜色为蓝色，或者存在底纹。示例性地，假设定位控件未激活(即第一显示状态)时，定位控件的显示颜色为灰色，而在定位控件激活(即第二显示状态)时，定位控件的显示颜色变为蓝色；或者，在定位控件未激活时，定位控件不存在底纹，而在定位控件激活时，定位控件的显示颜色存在底纹。In an embodiment, when the coverage area between the information display card and the target location reaches the preset coverage area threshold, the display state of the positioning control corresponding to the option to be displayed associated with the information display card whose coverage area reaches the preset coverage area threshold to switch. In the actual operation process, you can use the display color of the positioning control, the shading of the positioning control, etc. to distinguish whether the positioning control has switched the display state. For example, when the positioning control is in the first display state, the display color is gray, or there is no shading; when the positioning control is in the second display state, the display color is blue, or there is shading. For example, assume that when the positioning control is not activated (ie, the first display state), the display color of the positioning control is gray, and when the positioning control is activated (ie, the second display state), the display color of the positioning control changes to blue; Or, when the positioning control is not activated, the positioning control does not have shading, but when the positioning control is activated, the display color of the positioning control has shading.

示例性地，图11是本公开实施例提供的一种定位控件和信息展示卡之间的显示示意图。如图11所示，在未接收到用户对信息展示卡的触发操作之前，在第一显示区域的顶部位置显示待显示选项1对应的信息展示卡(即图11中的上侧图)，在接收到用户对信息展示卡的触发操作之后，检测到待显示选项3的当前位置与目标位置所在区域之间的覆盖面积达到预设覆盖面积阈值时，自动将待显示选项3所对应的定位控件进行激活，即在待显示选项3对应的定位控件的下方显示底纹(即图11中的下侧图)。Exemplarily, FIG. 11 is a schematic diagram of display between a positioning control and an information display card provided by an embodiment of the present disclosure. As shown in FIG. 11 , before receiving the user’s trigger operation on the information display card, the information display card corresponding tooption 1 to be displayed is displayed at the top position of the first display area (that is, the upper side view in FIG. 11 ). After receiving the user's trigger operation on the information display card, when it is detected that the coverage area between the current location of option 3 to be displayed and the area where the target location is located reaches the preset coverage area threshold, the positioning control corresponding to option 3 to be displayed will be automatically displayed Activate it, that is, display the shading below the positioning control corresponding to option 3 to be displayed (ie, the lower side image in FIG. 11 ).

在一实施例中，可以采用间隔性的方式对作用在第一显示区域的触发操作进行监听。在实施例中，对信息展示卡的触发操作配置触发监听事件，并间隔性地对触发监听事件进行监听，从而达到了节流的效果，进而降低了实现成本。其中，触发监听事件可以为滚动监听事件。当然，在保证节流的前提下，避免错过对触发监听事件的监听，可以动态配置触发监听事件的监听间隔。示例性地，假设监听间隔为16ms，即每隔16ms对触发监听事件进行监听一次。In an embodiment, the trigger operation acting on the first display area may be monitored periodically. In the embodiment, the trigger monitoring event is configured for the trigger operation of the information display card, and the trigger monitoring event is monitored at intervals, so as to achieve the effect of throttling and further reduce the implementation cost. Wherein, the trigger monitoring event may be a scrolling monitoring event. Of course, under the premise of ensuring throttling, to avoid missing the monitoring of triggering monitoring events, the monitoring interval of triggering monitoring events can be dynamically configured. Exemplarily, it is assumed that the monitoring interval is 16ms, that is, the monitoring event triggering is monitored every 16ms.

实施例五Embodiment five

图12是本公开实施例五提供的一种页面显示装置的结构框图。如图12所示，本实施例中的界页面显示装置包括：第一显示模块1210和控制模块1220；Fig. 12 is a structural block diagram of a page display device provided in Embodiment 5 of the present disclosure. As shown in FIG. 12 , the interface display device in this embodiment includes: afirst display module 1210 and acontrol module 1220;

第一显示模块1210，用于在接收到对至少一个待显示选项的选择操作时，显示每个待显示选项对应的定位控件；Thefirst display module 1210 is configured to display a positioning control corresponding to each option to be displayed when a selection operation on at least one option to be displayed is received;

第二显示模块1220，用于响应于对一个定位控件的触发操作，将定位控件对应的信息展示卡显示至目标位置。Thesecond display module 1220 is configured to display the information display card corresponding to the positioning control to the target position in response to a trigger operation on a positioning control.

本实施例的技术方案，通过在接收到对待显示选项的选择操作时，自动显示每个待显示选项对应的定位控件，并在接收到用户对其中一个定位控件的触发操作时，自动将定位控件对应的信息展示卡显示至目标位置，从而通过选中控件与定位控件的两者结合，实现了用户快速查看信息展示卡上所展示信息的技术效果，相较于现有的信息展示方式，提高了用户查看感兴趣信息的效率，提升了用户体验。The technical solution of this embodiment automatically displays the positioning control corresponding to each option to be displayed when receiving a selection operation of the option to be displayed, and automatically displays the positioning control when receiving a trigger operation of one of the positioning controls by the user The corresponding information display card is displayed to the target position, so that through the combination of the selection control and the positioning control, the technical effect of the user quickly viewing the information displayed on the information display card is realized. Compared with the existing information display method, the technical effect is improved. The efficiency of users viewing information of interest improves the user experience.

在上述实施例的基础上，页面显示装置，还包括：On the basis of the foregoing embodiments, the page display device further includes:

第三显示模块，用于在接收到对至少一个待显示选项的选择操作时，根据已选择的待显示选项的排布信息或选择信息，以及已选择的待显示选项所对应信息展示卡的尺寸信息和所述页面上的第一显示区域的尺寸信息，在所述第一显示区域对已选择的待显示选项中的至少部分待显示选项所对应的信息展示卡进行显示。The third display module is configured to, when receiving a selection operation on at least one option to be displayed, display the size of the card according to the arrangement information or selection information of the selected option to be displayed and the information corresponding to the selected option to be displayed The information and the size information of the first display area on the page, where the information display cards corresponding to at least some of the selected options to be displayed are displayed in the first display area.

在上述实施例的基础上，第三显示模块，包括：On the basis of the above embodiments, the third display module includes:

第一确定单元，用于在已选择的待显示选项为多个的情况下，根据所述多个待显示选项的排布顺序或选择时间先后顺序确定信息展示卡展示顺序；The first determination unit is configured to determine the display order of the information display cards according to the arrangement sequence or selection time sequence of the multiple options to be displayed when there are multiple options to be displayed that have been selected;

第二确定单元，用于根据第一显示区域的尺寸信息、已选择的待显示选项对应的信息展示卡的尺寸信息及信息展示卡展示顺序确定目标信息展示卡；The second determining unit is configured to determine the target information display card according to the size information of the first display area, the size information of the information display card corresponding to the selected option to be displayed, and the display order of the information display cards;

第三确定单元，用于在目标信息展示卡为多个的情况下，根据多个目标信息展示卡所对应的多个待显示选项的排布顺序或选择时间先后顺序确定多个目标信息展示卡展示顺序；The third determining unit is used to determine a plurality of target information display cards according to the arrangement order or selection time sequence of the multiple target information display cards corresponding to the multiple target information display cards when there are multiple target information display cards display order;

第一显示单元，用于根据所述多个目标信息展示卡展示顺序在所述第一显示区域对所述多个目标信息展示卡进行显示。The first display unit is configured to display the multiple target information display cards in the first display area according to the display sequence of the multiple target information display cards.

在上述实施例的基础上，页面显示装置，还包括：On the basis of the foregoing embodiments, the page display device further includes:

切换模块，用于响应于作用在第一显示区域的触发操作，对移动至目标位置的信息展示卡所对应的定位控件的显示状态进行切换。The switching module is configured to switch the display state of the positioning control corresponding to the information display card moved to the target position in response to the trigger operation acting on the first display area.

在上述实施例的基础上，页面显示装置，还包括：On the basis of the foregoing embodiments, the page display device further includes:

获取模块，用于在接收到对至少一个待显示选项的选择操作之前，获取第一显示区域的显示高度；An acquisition module, configured to acquire the display height of the first display area before receiving a selection operation on at least one option to be displayed;

配置模块，用于根据显示高度和信息展示卡的尺寸信息动态配置信息展示卡所在图表容器的底部填充参数。The configuration module is used to dynamically configure the bottom padding parameters of the chart container where the information display card is located according to the display height and the size information of the information display card.

在上述实施例的基础上，第一显示模块1210，具体用于：在接收到对至少一个待显示选项的选择操作时，在所述页面上且在第一显示区域之外的第二显示区域显示每个所述待显示选项对应的定位控件；On the basis of the above-mentioned embodiments, thefirst display module 1210 is specifically configured to: when a selection operation on at least one option to be displayed is received, the second display area on the page and outside the first display area displaying a positioning control corresponding to each of the options to be displayed;

其中，在接收到作用在所述第一显示区域的触发操作时，所述第二显示区域中的待显示选项在所述页面上固定显示，所述第一显示区域中的信息展示卡在所述页面上移动显示。Wherein, when a trigger operation acting on the first display area is received, the options to be displayed in the second display area are fixedly displayed on the page, and the information display card in the first display area is displayed on the Move the display on the above page.

在上述实施例的基础上，第二显示模块1220，包括：On the basis of the above embodiments, thesecond display module 1220 includes:

第一获取单元，用于在接收到对一个定位控件的触发操作时，获取信息展示卡所在的图表容器；The first acquisition unit is configured to acquire the chart container where the information display card is located when a trigger operation on a positioning control is received;

控制单元，用于以图表容器顶部为基准点，将定位控件对应的信息展示卡显示至目标位置。The control unit is used to display the information display card corresponding to the positioning control to the target position with the top of the chart container as a reference point.

在上述实施例的基础上，切换模块，包括：On the basis of the foregoing embodiments, the switching module includes:

第二获取单元，用于在接收到作用在第一显示区域的触发操作时，获取每个信息展示卡的当前位置；The second acquiring unit is configured to acquire the current position of each information display card when receiving a trigger operation acting on the first display area;

确定单元，用于确定每个信息展示卡的当前位置与目标位置的比对结果；A determining unit, configured to determine a comparison result between the current position of each information display card and the target position;

切换单元，用于根据比对结果对移动至目标位置的信息展示卡所对应的定位控件的显示状态进行切换。The switching unit is configured to switch the display state of the positioning control corresponding to the information display card moved to the target position according to the comparison result.

在上述实施例的基础上，采用间隔性的方式对作用在所述第一显示区域的触发操作进行监听。On the basis of the above embodiments, the trigger operation acting on the first display area is monitored in an interval manner.

在上述实施例的基础上，每个待显示选项配置一个唯一的选项标识；每个信息展示卡配置一个唯一的卡片标识；待显示选项、信息展示卡与定位控件之间存在一一映射关系。On the basis of the above embodiments, each option to be displayed is configured with a unique option identifier; each information display card is configured with a unique card identifier; there is a one-to-one mapping relationship between the options to be displayed, the information display card and the positioning control.

在上述实施例的基础上，目标位置包括下述之一：第一显示区域的顶部位置；第一显示区域的中间位置；顶部位置至所述中间位置之间的预设位置。Based on the above embodiments, the target position includes one of the following: a top position of the first display area; a middle position of the first display area; a preset position between the top position and the middle position.

上述页面显示装置可执行本发明任意实施例所提供的页面显示方法，具备执行方法相应的功能模块和有益效果。The above-mentioned page display device can execute the page display method provided by any embodiment of the present invention, and has corresponding functional modules and beneficial effects for executing the method.

图13是本公开实施例提供的一种电子设备的结构框图。下面参考图13，其示出了适于用来实现本公开实施例的电子设备(例如图1中的终端设备、服务器或计算机)1300的结构示意图。本公开实施例中的计算机可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图13示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。Fig. 13 is a structural block diagram of an electronic device provided by an embodiment of the present disclosure. Referring now to FIG. 13 , it shows a schematic structural diagram of an electronic device (such as the terminal device, server or computer in FIG. 1 ) 1300 suitable for implementing the embodiments of the present disclosure. Computers in the embodiments of the present disclosure may include, but are not limited to, mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted mobile terminals such as navigation terminals) and fixed terminals such as digital TVs, desktop computers and the like. The electronic device shown in FIG. 13 is only an example, and should not limit the functions and scope of use of the embodiments of the present disclosure.

如图13所示，电子设备1300可以包括处理装置(例如中央处理器、图形处理器等)1301，其可以根据存储在只读存储器(ROM)1302中的程序或者从存储装置1306加载到随机访问存储器(RAM)1303中的程序而执行各种适当的动作和处理。在RAM 1303中，还存储有电子设备1300操作所需的各种程序和数据。处理装置1301、ROM 1302以及RAM 1303通过总线1304彼此相连。输入/输出(I/O)接口1305也连接至总线1304。As shown in FIG. 13, anelectronic device 1300 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 1301, which may be randomly accessed according to a program stored in a read-only memory (ROM) 1302 or loaded from astorage device 1306. Various appropriate actions and processes are executed by programs in the memory (RAM) 1303 . In theRAM 1303, various programs and data necessary for the operation of theelectronic device 1300 are also stored. Theprocessing device 1301 ,ROM 1302 , andRAM 1303 are connected to each other through abus 1304 . An input/output (I/O)interface 1305 is also connected to thebus 1304 .

通常，以下装置可以连接至I/O接口1305：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置1306；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置1307；包括例如磁带、硬盘等的存储装置1306；以及通信装置1309。通信装置1309可以允许电子设备1300与其他设备进行无线或有线通信以交换数据。虽然图13示出了具有各种装置的电子设备1300，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。Typically, the following devices can be connected to the I/O interface 1305:input devices 1306 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a liquid crystal display (LCD), speaker, vibration anoutput device 1307 such as a computer; astorage device 1306 including, for example, a magnetic tape, a hard disk, etc.; and acommunication device 1309. The communication means 1309 may allow theelectronic device 1300 to communicate with other devices wirelessly or by wire to exchange data. While FIG. 13 showselectronic device 1300 having various means, it is to be understood that implementing or having all of the means shown is not a requirement. More or fewer means may alternatively be implemented or provided.

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置1309从网络上被下载和安装，或者从存储装置1306被安装，或者从ROM 1302被安装。在该计算机程序被处理装置1301执行时，执行本公开实施例的方法中限定的上述功能。In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product, which includes a computer program carried on a non-transitory computer readable medium, where the computer program includes program code for executing the method shown in the flowchart. In such an embodiment, the computer program may be downloaded and installed from a network via communication means 1309 , or from storage means 1306 , or fromROM 1302 . When the computer program is executed by theprocessing device 1301, the above-mentioned functions defined in the methods of the embodiments of the present disclosure are executed.

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。It should be noted that the above-mentioned computer-readable medium in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. A computer readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of computer-readable storage media may include, but are not limited to, electrical connections with one or more wires, portable computer diskettes, hard disks, random access memory (RAM), read-only memory (ROM), erasable Programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In the present disclosure, however, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, which can transmit, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device . Program code embodied on a computer readable medium may be transmitted by any appropriate medium, including but not limited to wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。In some embodiments, the client and the server can communicate using any currently known or future-developed network protocols such as HTTP (HyperText Transfer Protocol, Hypertext Transfer Protocol), and can communicate with digital data in any form or medium (eg, communication network) interconnections. Examples of communication networks include local area networks ("LANs"), wide area networks ("WANs"), internetworks (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network of.

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。The above-mentioned computer-readable medium may be included in the above-mentioned electronic device, or may exist independently without being incorporated into the electronic device.

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：在接收到对至少一个待显示选项的选择操作时，显示每个所述待显示选项对应的定位控件；响应于对一个所述定位控件的触发操作，将所述定位控件对应的信息展示卡显示至目标位置。The above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by the electronic device, the electronic device: when receiving a selection operation on at least one option to be displayed, displays each The positioning control corresponding to the option to be displayed is described; in response to a trigger operation on one of the positioning controls, the information display card corresponding to the positioning control is displayed to the target position.

或者，上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：在接收到对至少一个待显示选项的选择操作时，显示每个所述待显示选项对应的定位控件；响应于对一个所述定位控件的触发操作，将所述定位控件对应的信息展示卡显示至目标位置。Alternatively, the computer-readable medium carries one or more programs, and when the one or more programs are executed by the electronic device, the electronic device: when receiving a selection operation on at least one option to be displayed, displays each A positioning control corresponding to each of the options to be displayed; in response to a trigger operation on one of the positioning controls, display the information display card corresponding to the positioning control to the target position.

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, or combinations thereof, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and Includes conventional procedural programming languages - such as the "C" language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In cases involving a remote computer, the remote computer can be connected to the user computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (such as through an Internet service provider). Internet connection).

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, program segment, or portion of code that contains one or more logical functions for implementing specified executable instructions. It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved. It should also be noted that each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations, can be implemented by a dedicated hardware-based system that performs the specified functions or operations , or may be implemented by a combination of dedicated hardware and computer instructions.

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。The units involved in the embodiments described in the present disclosure may be implemented by software or by hardware. Wherein, the name of the unit does not constitute a limitation of the unit itself under certain circumstances, for example, the first obtaining unit may also be described as "a unit for obtaining at least two Internet Protocol addresses".

本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。The functions described herein above may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), System on Chips (SOCs), Complex Programmable Logical device (CPLD) and so on.

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media would include one or more wire-based electrical connections, portable computer discs, hard drives, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, compact disk read only memory (CD-ROM), optical storage, magnetic storage, or any suitable combination of the foregoing.

根据本公开的一个或多个实施例，提供了一种页面显示方法、装置、设备和介质，页面显示方法包括：在接收到对至少一个待显示选项的选择操作时，显示每个所述待显示选项对应的定位控件；响应于对一个所述定位控件的触发操作，将所述定位控件对应的信息展示卡显示至目标位置。According to one or more embodiments of the present disclosure, a page display method, device, device, and medium are provided. The page display method includes: when receiving a selection operation on at least one option to be displayed, displaying each of the options to be displayed Displaying a positioning control corresponding to an option; in response to a trigger operation on one positioning control, displaying an information display card corresponding to the positioning control to a target position.

根据本公开的一个或多个实施例，提供了一种页面显示方法、装置、设备和介质，页面显示方法还包括：在接收到对至少一个待显示选项的选择操作时，根据已选择的待显示选项的排布信息或选择信息，以及已选择的待显示选项所对应信息展示卡的尺寸信息和所述页面上的第一显示区域的尺寸信息，在所述第一显示区域对已选择的待显示选项中的至少部分待显示选项所对应的信息展示卡进行显示。According to one or more embodiments of the present disclosure, a page display method, device, device, and medium are provided, and the page display method further includes: when receiving a selection operation on at least one option to be displayed, according to the selected item to be displayed Display the arrangement information or selection information of the options, and the size information of the information display card corresponding to the selected options to be displayed and the size information of the first display area on the page. Information display cards corresponding to at least some of the options to be displayed are displayed.

根据本公开的一个或多个实施例，提供了一种页面显示方法、装置、设备和介质，根据已选择的待显示选项的排布信息或选择信息，以及已选择的待显示选项所对应信息展示卡的尺寸信息和所述页面上的第一显示区域的尺寸信息，在所述第一显示区域对已选择的待显示选项中的至少部分待显示选项所对应的信息展示卡进行显示，包括：在已选择的待显示选项为多个的情况下，根据所述多个待显示选项的排布顺序或选择时间先后顺序确定信息展示卡展示顺序；根据第一显示区域的尺寸信息、已选择的待显示选项对应的信息展示卡的尺寸信息及信息展示卡展示顺序确定目标信息展示卡；在目标信息展示卡为多个的情况下，根据多个目标信息展示卡所对应的多个待显示选项的排布顺序或选择时间先后顺序确定多个目标信息展示卡展示顺序；根据所述多个目标信息展示卡展示顺序在所述第一显示区域对所述多个目标信息展示卡进行显示。According to one or more embodiments of the present disclosure, a page display method, device, device, and medium are provided, according to the arrangement information or selection information of the selected options to be displayed, and the information corresponding to the selected options to be displayed Displaying the size information of the card and the size information of the first display area on the page, displaying in the first display area the information display cards corresponding to at least some of the selected options to be displayed, including : In the case that there are multiple options to be displayed that have been selected, determine the display order of the information display card according to the arrangement sequence or the selection time sequence of the multiple options to be displayed; according to the size information of the first display area, the selected The size information of the information display card corresponding to the option to be displayed and the display order of the information display card determine the target information display card; in the case of multiple target information display cards, according to the multiple target information display cards corresponding to the The order in which the options are arranged or the order in which they are selected determines the display order of the multiple target information display cards; and the multiple target information display cards are displayed in the first display area according to the display sequence of the multiple target information display cards.

根据本公开的一个或多个实施例，提供了一种页面显示方法、装置、设备和介质，页面显示方法还包括：响应于作用在所述第一显示区域的触发操作，对移动至目标位置的信息展示卡所对应的定位控件的显示状态进行切换。According to one or more embodiments of the present disclosure, a page display method, device, device, and medium are provided, and the page display method further includes: moving to the target position in response to a trigger operation acting on the first display area Switch the display state of the positioning control corresponding to the information display card of .

根据本公开的一个或多个实施例，提供了一种页面显示方法、装置、设备和介质，页面显示方法还包括：在所述接收到对至少一个待显示选项的选择操作之前，获取第一显示区域的显示高度；根据所述显示高度和信息展示卡的尺寸信息动态配置所述信息展示卡所在图表容器的底部填充参数。According to one or more embodiments of the present disclosure, a page display method, device, device, and medium are provided. The page display method further includes: before receiving a selection operation on at least one option to be displayed, acquiring the first The display height of the display area; dynamically configure the bottom padding parameters of the chart container where the information display card is located according to the display height and the size information of the information display card.

根据本公开的一个或多个实施例，提供了一种页面显示方法、装置、设备和介质，页面显示方法还包括：在接收到对至少一个待显示选项的选择操作时，显示每个所述待显示选项对应的定位控件，包括：According to one or more embodiments of the present disclosure, a page display method, device, device, and medium are provided. The page display method further includes: when a selection operation on at least one option to be displayed is received, displaying each of the Positioning controls corresponding to the options to be displayed, including:

在接收到对至少一个待显示选项的选择操作时，在所述页面上且在第一显示区域之外的第二显示区域显示每个所述待显示选项对应的定位控件；When a selection operation on at least one option to be displayed is received, a positioning control corresponding to each option to be displayed is displayed on the page in a second display area outside the first display area;

其中，在接收到作用在所述第一显示区域的触发操作时，所述第二显示区域中的待显示选项在所述页面上固定显示，所述第一显示区域中的信息展示卡在所述页面上移动显示。Wherein, when a trigger operation acting on the first display area is received, the options to be displayed in the second display area are fixedly displayed on the page, and the information display card in the first display area is displayed on the Move the display on the above page.

根据本公开的一个或多个实施例，提供了一种页面显示方法、装置、设备和介质，所述响应于对一个所述定位控件的触发操作，将所述定位控件对应的信息展示卡显示至目标位置，包括：在接收到对一个所述定位控件的触发操作时，获取所述信息展示卡所在的图表容器；以所述图表容器顶部为基准点，将所述定位控件对应的信息展示卡显示至目标位置。According to one or more embodiments of the present disclosure, a page display method, device, device, and medium are provided, wherein in response to a trigger operation on one of the positioning controls, the information display card corresponding to the positioning control is displayed To the target position, including: when receiving a trigger operation on one of the positioning controls, obtaining the chart container where the information display card is located; using the top of the chart container as a reference point, displaying the information corresponding to the positioning control The card is displayed to the target position.

根据本公开的一个或多个实施例，提供了一种页面显示方法、装置、设备和介质，所述响应于作用在所述第一显示区域的触发操作，对移动至目标位置的信息展示卡所对应的定位控件的显示状态进行切换，包括：在接收到作用在所述第一显示区域的触发操作时，获取每个所述信息展示卡的当前位置；确定每个所述信息展示卡的当前位置与目标位置的比对结果；根据所述比对结果对移动至目标位置的信息展示卡所对应的定位控件的显示状态进行切换。According to one or more embodiments of the present disclosure, a page display method, device, device, and medium are provided, wherein in response to a trigger operation acting on the first display area, displaying a card for information moved to a target position The display state of the corresponding positioning control is switched, including: when receiving the trigger operation acting on the first display area, obtaining the current position of each of the information display cards; determining the position of each of the information display cards A comparison result between the current position and the target position; switching the display state of the positioning control corresponding to the information display card moved to the target position according to the comparison result.

根据本公开的一个或多个实施例，提供了一种页面显示方法、装置、设备和介质，采用间隔性的方式对所述作用在所述第一显示区域的触发操作进行监听。According to one or more embodiments of the present disclosure, a page display method, device, device, and medium are provided, which monitor the trigger operations acting on the first display area in an interval manner.

根据本公开的一个或多个实施例，提供了一种页面显示方法、装置、设备和介质，每个所述待显示选项配置一唯一的选项标识；每个所述信息展示卡配置一个唯一的卡片标识；所述待显示选项、所述信息展示卡与所述定位控件之间存在一一映射关系。According to one or more embodiments of the present disclosure, a page display method, device, device and medium are provided, each of the options to be displayed is configured with a unique option identifier; each of the information display cards is configured with a unique Card ID; there is a one-to-one mapping relationship among the options to be displayed, the information display card and the positioning control.

根据本公开的一个或多个实施例，提供了一种页面显示方法、装置、设备和介质，所述目标位置包括下述之一：第一显示区域的顶部位置、第一显示区域的中间位置、所述顶部位置至所述中间位置之间的预设位置。According to one or more embodiments of the present disclosure, a page display method, device, device, and medium are provided, and the target position includes one of the following: the top position of the first display area, the middle position of the first display area , a preset position between the top position and the middle position.

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。The above description is only a preferred embodiment of the present disclosure and an illustration of the applied technical principles. Those skilled in the art should understand that the disclosure scope involved in this disclosure is not limited to the technical solution formed by the specific combination of the above-mentioned technical features, but also covers the technical solutions formed by the above-mentioned technical features or Other technical solutions formed by any combination of equivalent features. For example, a technical solution formed by replacing the above-mentioned features with (but not limited to) technical features with similar functions disclosed in this disclosure.

此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。In addition, while operations are depicted in a particular order, this should not be understood as requiring that the operations be performed in the particular order shown or performed in sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while the above discussion contains several specific implementation details, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims.

Claims (14)

1. A page display method, comprising:

when selection operation of at least one option to be displayed is received, displaying a positioning control corresponding to each option to be displayed;

and responding to the triggering operation of one positioning control, and displaying the information display card corresponding to the positioning control to a target position.

2. The method of claim 1, further comprising: upon receiving a selection operation of at least one option to be displayed,

and displaying the information display card corresponding to at least part of the selected options to be displayed in the first display area according to the arrangement information or the selection information of the selected options to be displayed, the size information of the information display card corresponding to the selected options to be displayed and the size information of the first display area on the page.

3. The method according to claim 2, wherein displaying, in the first display area, the information presentation cards corresponding to at least some of the selected to-be-displayed options according to the arrangement information or the selection information of the selected to-be-displayed options, the size information of the information presentation card corresponding to the selected to-be-displayed options, and the size information of the first display area on the page comprises:

determining the display sequence of the information display cards according to the arrangement sequence or the selection time sequence of the plurality of options to be displayed under the condition that the number of the selected options to be displayed is multiple;

determining a target information display card according to the size information of the first display area, the size information of the information display card corresponding to the selected option to be displayed and the display sequence of the information display cards;

under the condition that a plurality of target information display cards are provided, determining the display sequence of the plurality of target information display cards according to the arrangement sequence or the selection time sequence of a plurality of options to be displayed corresponding to the plurality of target information display cards;

and displaying the target information display cards in the first display area according to the display sequence of the target information display cards.

4. The method of claim 2, further comprising:

and responding to the triggering operation acted on the first display area, and switching the display state of the positioning control corresponding to the information display card moved to the target position.

5. The method according to claim 1, before the receiving a selection operation of at least one to-be-displayed option, further comprising:

acquiring the display height of a first display area;

and dynamically configuring the bottom filling parameters of the chart container where the information display card is located according to the display height and the size information of the information display card.

6. The method according to claim 1, wherein when a selection operation of at least one to-be-displayed option is received, displaying a positioning control corresponding to each to-be-displayed option comprises:

when selection operation of at least one option to be displayed is received, displaying a positioning control corresponding to each option to be displayed on the page and in a second display area outside the first display area;

when the trigger operation acting on the first display area is received, the option to be displayed in the second display area is fixedly displayed on the page, and the information display card in the first display area is movably displayed on the page.

7. The method according to claim 1, wherein the displaying an information presentation card corresponding to one of the positioning controls to a target position in response to the triggering operation on the positioning control comprises:

when a trigger operation on one positioning control is received, acquiring a chart container where the information display card is located;

and displaying the information display card corresponding to the positioning control to a target position by taking the top of the chart container as a reference point.

8. The method according to claim 4, wherein the switching the display state of the positioning control corresponding to the information presentation card moved to the target position in response to the triggering operation acting on the first display area comprises:

when receiving a trigger operation acting on the first display area, acquiring the current position of each information display card;

determining a comparison result between the current position and the target position of each information display card;

and switching the display state of the positioning control corresponding to the information display card which moves to the target position according to the comparison result.

9. The method according to claim 8, wherein the triggering operation acting on the first display area is monitored in an intermittent manner.

10. The method according to any one of claims 1-9, wherein each of the options to be displayed is configured with a unique option identifier; each information display card is configured with a unique card identification; and a one-to-one mapping relation exists among the options to be displayed, the information display card and the positioning control.

11. The method of any of claims 1-9, wherein the target location comprises one of: the display device comprises a top position of a first display area, a middle position of the first display area, and a preset position from the top position to the middle position.

12. A page display apparatus, comprising:

the display device comprises a first display module, a second display module and a display module, wherein the first display module is used for displaying a positioning control corresponding to each option to be displayed when the selection operation of at least one option to be displayed is received;

and the second display module is used for responding to the triggering operation of one positioning control and displaying and moving the information display card corresponding to the positioning control to a target position.

13. An electronic device, comprising:

one or more processors;

a memory for storing one or more programs;

when executed by the one or more processors, cause the one or more processors to implement the page display method of any of claims 1-11.

14. A computer storage medium, characterized in that the medium stores a computer program which, when executed by a processor, implements the page display method according to any one of claims 1 to 11.

Images