Information display method, device, electronic device and computer-readable storage medium

Abstract

The present application discloses an information display method, device, electronic device and computer-readable storage medium. The embodiment of the present application displays a directory interface, the directory interface includes a directory area and a data display area, the directory area includes at least one directory and a switching control corresponding to at least one directory, at least one directory includes at least one lower-level element, the data display area is used to display the data in the at least one lower-level element, in response to the triggering operation of the switching control of the target directory in the at least one directory, the lower-level elements under the target directory in the directory area are hidden, and the element selection bar of the target directory is displayed in the data display area, the element selection bar is used to display the lower-level elements under the target directory, the lower-level elements in the element selection bar can be selected to trigger the display of the data in the lower-level elements in the data display area, which can improve the convenience of viewing associated data.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to an information display method, device, electronic device, and computer-readable storage medium. Background Art

[0002] Business Intelligence (BI) systems are used to collect, store, analyze, and display data within an enterprise or organization. They integrate and analyze various data and present the integration and analysis results through dashboards and other forms, allowing users to quickly understand business conditions and trends.

[0003] Dashboards display data and indicators in an intuitive way, helping users quickly understand data trends, identify data anomalies, and make decisions.

[0004] Currently, the display mode of the dashboard on the interface is single, which reduces the convenience for users to view the related data in the dashboard. Summary of the Invention

[0005] Embodiments of the present application provide an information display method, device, electronic device, and computer-readable storage medium, which can improve the convenience of viewing associated data.

[0006] In a first aspect, an embodiment of the present application provides an information display method, the method comprising:

[0007] Displaying a directory interface, the directory interface comprising a directory area and a data display area, the directory area comprising at least one directory and a switch control corresponding to the at least one directory, the at least one directory comprising at least one lower-level element, the data display area being used to display data in the at least one lower-level element;

[0008] In response to the triggering operation of the switching control of the target directory in at least one of the above-mentioned directories, the lower-level elements under the above-mentioned target directory in the above-mentioned directory area are hidden, and the element selection bar of the above-mentioned target directory is displayed in the above-mentioned data display area. The above-mentioned element selection bar is used to display the lower-level elements under the above-mentioned target directory. The above-mentioned lower-level elements in the above-mentioned element selection bar can be selected to trigger the display of data in the above-mentioned lower-level elements in the above-mentioned data display area.

[0009] In a second aspect, an embodiment of the present application further provides an information display device, comprising:

[0010] a first display module for displaying a directory interface, the directory interface comprising a directory area and a data display area, the directory area comprising at least one directory and a switch control corresponding to the at least one directory, the at least one directory comprising at least one lower-level element, the data display area being used to display data in the at least one lower-level element;

[0011] The second display module is used to hide the lower-level elements under the above-mentioned target directory in the above-mentioned directory area in response to the triggering operation of the switching control of the target directory in the above-mentioned at least one directory, and display the element selection bar of the above-mentioned target directory in the above-mentioned data display area. The above-mentioned element selection bar is used to display the lower-level elements under the above-mentioned target directory. The above-mentioned lower-level elements in the above-mentioned element selection bar can be selected to trigger the display of data in the above-mentioned lower-level elements in the above-mentioned data display area.

[0012] In a third aspect, an embodiment of the present application further provides an electronic device, comprising a memory storing a plurality of instructions; the processor loads instructions from the memory to execute any one of the information display methods provided in the embodiment of the present application.

[0013] In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium, wherein the computer-readable storage medium stores a plurality of instructions, wherein the instructions are suitable for loading by a processor to execute any one of the information display methods provided in the embodiment of the present application.

[0014] In an embodiment of the present application, a directory interface is displayed, and the directory interface includes a directory area and a data display area. The directory area includes at least one directory and a switching control corresponding to at least one directory. At least one directory includes at least one lower-level element, and the data display area is used to display the data in the at least one lower-level element; in response to a triggering operation of a switching control of a target directory in at least one directory, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area. The element selection bar is used to display the lower-level elements under the target directory. The lower-level elements in the element selection bar can be selected to trigger the display of the data in the lower-level elements in the data display area, thereby realizing the display of the lower-level elements under the same directory in the element selection bar, enhancing the relevance of the lower-level elements under the same directory in display, thereby enhancing the relevance of the data in the lower-level elements under the same directory in display, and improving the convenience of viewing associated data. BRIEF DESCRIPTION OF THE DRAWINGS

[0015] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the following briefly introduces the drawings required for use in the description of the embodiments. Obviously, the drawings described below are only some embodiments of the present application. For those skilled in the art, other drawings can be obtained based on these drawings without creative work.

[0016] Figure 1 This is a flow chart of an embodiment of the information display method provided in the embodiment of the present application;

[0017] Figure 2 is a schematic diagram of the directory interface provided in the embodiment of the present application;

[0018] Figure 3 This is another schematic diagram of the directory interface provided in the embodiment of the present application;

[0019] Figure 4 This is another schematic diagram of the directory interface provided in the embodiment of the present application;

[0020] Figure 5 This is another schematic diagram of the directory interface provided in the embodiment of the present application;

[0021] Figure 6 This is another schematic diagram of the directory interface provided in the embodiment of the present application;

[0022] Figure 7 This is another schematic diagram of the directory interface provided in the embodiment of the present application;

[0023] Figure 8 This is another schematic diagram of the directory interface provided in the embodiment of the present application;

[0024] Figure 9 is a flow chart of another embodiment of the information display method provided in the embodiments of the present application;

[0025] Figure 10 is a schematic diagram of a display mode of a directory provided in an embodiment of the present application;

[0026] Figure 11 is a structural diagram of an information display device provided in an embodiment of the present application;

[0027] Figure 12 It is a structural diagram of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0028] The following will be combined with the drawings in the embodiments of this application to clearly and completely describe the technical solutions in the embodiments of this application. Obviously, the embodiments described are only part of the embodiments of this application, not all of the embodiments. Based on the embodiments in this application, all other embodiments obtained by those skilled in the art without making creative efforts are within the scope of protection of this application.

[0029] Before explaining the embodiments of the present application in detail, some terms involved in the embodiments of the present application are first explained.

[0030] In the description of the embodiments of the present application, the terms "first", "second", etc. may be used herein to describe various concepts, but unless otherwise specified, these concepts are not limited by these terms. These terms are only used to distinguish one concept from another. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions. For example, a process, method, system, product, or device that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products, or devices.

[0031] The embodiments of the present application provide an information display method, apparatus, electronic device, and computer-readable storage medium. Specifically, the information display method of the embodiments of the present application can be executed by an electronic device, wherein the electronic device can be a terminal or a server.

[0032] The terminal can be a terminal device such as a smart phone, tablet computer, laptop computer, touch screen, game console, personal computer (PC), personal digital assistant (PDA), etc. The terminal can also include a client, which can be a game application client, a browser client with a game program, or an instant messaging client, etc.

[0033] The server can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks (CDNs), and big data and artificial intelligence platforms.

[0034] The following is a detailed description of each embodiment in conjunction with the accompanying drawings. It should be noted that the order in which the following embodiments are described does not limit the preferred order of the embodiments. Although a logical order is shown in the flowcharts, in some cases, the steps shown or described may be performed in an order different from that shown in the drawings.

[0035] In this embodiment, a terminal is used as an example for description. This embodiment provides an information display method, such as Figure 1 As shown, the specific process of the information display method can be as follows:

[0036] 101. Display a directory interface, which includes a directory area and a data display area. The directory area includes at least one directory and a switch control corresponding to at least one directory. At least one directory includes at least one lower-level element. The data display area is used to display data in at least one lower-level element.

[0037] The directory interface refers to an interface for displaying at least one directory, at least one lower-level element in the directory, and data in the lower-level element.

[0038] The directory area refers to the area displaying at least one directory. The toggle control corresponding to the at least one directory can be permanently displayed in the directory area. Alternatively, the toggle control corresponding to the at least one directory can be displayed when a trigger operation on the at least one directory is detected. Alternatively, the toggle control corresponding to the at least one directory can be displayed when a cursor is detected moving over the at least one directory.

[0039] The toggle control switches the display mode of lower-level elements. Lower-level element display modes can include catalog display mode and selection bar display mode. When the element selection bar is displayed in the data display area and lower-level elements are displayed on the element selection bar, the lower-level elements are displayed in selection bar display mode. When the lower-level elements are displayed in the catalog area, the lower-level elements are displayed in catalog display mode.

[0040] A lower-level element refers to an element indicated by a lower-level node of a directory in the tree structure corresponding to the directory. A lower-level node of a directory may indicate a subdirectory of the directory or a project under the directory. The node where the project is located is the terminal node in the tree structure. The name of the project can be set according to the actual situation. For example, the project can be called a board or a card. This embodiment of the application does not limit this.

[0041] When a directory's lower-level node indicates a subdirectory, the lower-level element of the directory can be called a second element, which refers to the subdirectory. When a directory's lower-level node indicates an item, the lower-level element of the directory can be called a first element, which refers to the item. The lower-level element of a directory can be at least one of a first element and a second element. The data display area is used to display the data in the first element.

[0042] Optionally, the subordinate node of the directory may be a direct subordinate node of the directory or an indirect subordinate node, that is, the subordinate element may be a direct subordinate element of the directory or an indirect subordinate element of the directory.

[0043] 102. In response to a triggering operation on a switch control of a target directory in at least one directory, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area. The element selection bar is used to display the lower-level elements under the target directory. The lower-level elements in the element selection bar can be selected to trigger the display of data in the lower-level elements in the data display area.

[0044] Among them, the type of triggering operation on the switching control can be set according to actual conditions. For example, the triggering operation on the switching control can be a click operation or a long press operation on the switching control. The embodiment of the present application does not limit this.

[0045] The data included in the first element is displayed in the data display area. Since the purpose is to improve the relevance of the data in the first element in the display, the lower-level elements of the target directory need to include the first element, but the first element can be a direct lower-level element of the directory or an indirect lower-level element of the directory, that is, the target directory is a directory that includes the first element in at least one directory. Therefore, the target directory can include at least one of the first element and the second element. When the target directory includes the first element and the second element, the second element may not include at least one of the first element or the second element may also include at least one of the first element. When the target directory includes the second element, the second element includes at least one of the first element.

[0046] If the lower-level elements of the target directory have been displayed in the directory area before responding to the triggering operation of the switch control for the target directory, the lower-level elements of the target directory in the directory area are hidden, which can be understood as not displaying the lower-level elements of the target directory in the target area. If the lower-level elements of the target directory have not been displayed in the directory area before responding to the triggering operation of the switch control for the target directory, the lower-level elements of the target directory in the directory area are hidden, which can be understood as not displaying the lower-level elements of the target directory in the directory area when the target directory is triggered.

[0047] The element selection bar of the target directory refers to the column in the data display area used to display the lower-level elements of the target directory. The position of the element selection bar in the data display area can be set according to actual circumstances. For example, the element selection bar can be located at the top or bottom of the data display area. This embodiment of the present application does not limit this.

[0048] Displaying the target directory's lower-level elements in the element selection bar can enhance the relevance of the target directory's lower-level elements in the display. Because the data in the target directory's lower-level elements is related, when the relevance of the target directory's lower-level elements in the display is enhanced, users can better understand the relationship between the data in the lower-level elements through the lower-level elements, thereby improving the convenience of users in viewing the related data.

[0049] After the lower-level elements of the target directory are displayed in the element selection bar, the user can select the lower-level elements, and then the data in the selected lower-level elements are displayed in the detail area of ​​the data display area.

[0050] For example, if the project is a kanban board, directory X includes kanban board 1, kanban board 2, kanban board 3 and kanban board 4. Kanban board 1, kanban board 2, kanban board 3 and kanban board 4 are displayed in the directory area. At this time, the directory interface can be as follows Figure 2 As shown in 201, the target directory is directory X, and the switch control is "View as Tabs". In response to the trigger operation of "View as Tabs" on directory X, the element selection bar of directory X is displayed at the top of the data display area. The element selection bar includes board 1, board 2, board 3 and board 4. In response to the selection operation on board 2, the data in board 2 is displayed in the details area. At this time, the directory interface can be as follows Figure 2 As shown in 202.

[0051] In some embodiments, the lower-level elements of the target directory include the first element. In this case, the lower-level elements in the element selection bar can be as follows: Figure 2 As shown in 202.

[0052] In some embodiments, the lower-level elements of the target directory include a first element and a second element. In this case, the lower-level elements in the element selection bar can be as follows: Figure 3 As shown in 302, Figure 3 In 302, board 0 is the first element, and directory x1 and directory x2 are the second elements.

[0053] In some embodiments, the lower-layer elements include a first element, and in response to a triggering operation on a switch control of a target directory in at least one directory, the lower-layer elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area, including:

[0054] In response to a triggering operation on a switch control of a target directory in at least one directory, converting a tree node of the target directory from a second element node type to a first element node type in a tree structure corresponding to the directory;

[0055] When it is detected that the type of the tree node of the target directory is the first element node type, the lower-level elements under the target directory in the directory area are hidden;

[0056] Generate an element selection bar of the target directory according to the tree node of the first element node type under the target directory, wherein the lower-level elements in the element selection bar include the first element;

[0057] Displays the element selection bar in the data display area.

[0058] The tree node of the first element node type under the target directory is the tree node of the first element in the tree structure of the target directory, that is, the type of the tree node of the first element is the first element node type.

[0059] In some embodiments, the lower-layer elements include a second element, the second element includes at least one first element, and in response to a triggering operation on a switch control of a target directory in at least one directory, the lower-layer elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area, including:

[0060] In response to a triggering operation on a switch control of a target directory in at least one directory, in a tree structure corresponding to the directory, converting a tree node of the second element and a tree node of the target directory from a second element node type to a first element node type;

[0061] When it is detected that the type of the tree node of the target directory is the first element node type, the lower-level elements under the target directory in the directory area are hidden;

[0062] Generate an element selection bar of the target directory according to the tree node of the first element node type under the target directory, wherein the lower-level elements in the element selection bar include the first element and the second element;

[0063] Displays the element selection bar in the data display area.

[0064] The second element node type refers to the directory node type, and the first element node type is the project node type. The lower layer element includes the second element, which can be understood as the lower layer element only including the second element, or the lower layer element including the first element and the second element.

[0065] When the type of the tree node of the target directory is the second element node type, the lower-level elements of the target directory can be displayed on the target area. When the type of the tree node of the target directory is the first element node type, the lower-level elements of the target directory cannot be displayed on the target area. Therefore, the tree node of the target directory can be converted from the second element node type to the first element node type, and when it is detected that the type of the tree node of the target directory is the first element node type, the lower-level elements under the target directory in the directory area are hidden.

[0066] Generating an element selection bar of the target directory based on the tree node of the first element node type under the target directory can be understood as generating an element selection bar of the target directory based on the first element, the second element and the hierarchical relationship corresponding to the tree node of the first element node type under the target directory, so that the element selection bar includes the first element and the second element.

[0067] It can be understood that when displaying lower-level elements on the element selection bar, lower-level elements of the same level can be displayed each time. Since there is a hierarchical relationship between the first element under the second element and the first element under the target directory, the first element under the second element and the first element under the target directory will not be displayed on the element selection bar at the same time.

[0068] For example, the project is a kanban board, directory X includes kanban board 0, directory x1 and directory x2, directory x1 includes kanban board 1 and kanban board 11, directory x2 includes kanban board 2, the first elements in directory X are kanban board 0, kanban board 1, kanban board 11 and kanban board 2, and the tree nodes corresponding to kanban board 0, kanban board 1, kanban board 11 and kanban board 2 are nodes of the first element node type. The second elements in directory X are directory x1 and directory x2, and the tree nodes corresponding to directory x1 and directory x2 are nodes of the second element node type. Kanban board 1 and kanban board 11 are the first elements under directory x1, and kanban board 2 is the first element under directory x2. Kanban board 0, directory x1 and directory x2 are displayed in the directory area. At this time, the directory interface can be as follows Figure 3As shown in 301, the target directory is directory X, and the switching control is "View as Tabs". In response to the trigger operation of "View as Tabs" on directory X, the tree nodes corresponding to directory x1 and directory x2 are converted from the second element node type to the first element node type. At this time, the lower-level elements corresponding to the tree nodes of the first element node type under directory X include board 0, directory x1, directory x2, board 1, board 1 and board 2. Therefore, the element selection bar generated according to the lower-level elements corresponding to the tree nodes of the first element node type under directory X includes board 0, directory x1, directory x2, board 1, board 11 and board 2. However, since board 0, directory x1 and directory x2 are at the same level and are the highest level under directory X, board 1, board 11 and board 2 belong to the same level. Therefore, board 0, directory x1 and directory x2 are first displayed in the element selection bar. At this time, the directory interface can be as shown below Figure 3 As shown in 302, after the directory x1 is selected, the board 1 and the board 11 are displayed.

[0069] In this embodiment, in response to the triggering operation of the switch control of the target directory in at least one directory, in the tree structure corresponding to the directory, the tree node of the second element and the tree node of the target directory are converted from the second element node type to the first element node type. Therefore, when it is detected that the type of the tree node of the target directory is the first element node type, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is generated based on the tree node of the first element node type under the target directory, so that the second element can be displayed in the element selection bar, so that not only the lower-level elements of the target directory on the target area can be hidden, but the target directory can also include not only the first element but also the second element.

[0070] In some embodiments, when the number of lower-level elements at the same level under directory X is large and the lower-level elements at the same level cannot be fully displayed in the element selection bar, some of the lower-level elements at the same level can be displayed, and the lower-level elements displayed on the element selection bar can be updated when a trigger operation on the element selection bar is detected.

[0071] Among them, the type of triggering operation on the element selection bar can be set according to actual conditions. For example, the triggering operation on the element selection bar can be a sliding operation or a clicking operation, which is not limited in this embodiment of the present application.

[0072] For example, the lower-level elements of the same level include boards 1-10, but the element selection bar can only display 5 boards at a time. In this case, the element selection bar can be Figure 4As shown, the five displayed dashboards are respectively dashboards 1-5. If the triggering operation on the element selection bar is a sliding operation, the terminal updates the dashboard on the element selection bar in response to the sliding operation on the element selection bar. If the triggering operation on the element selection bar is a click operation, the element selection bar may also include an expansion control. In response to the click operation on the expansion control, a node window is displayed. The node window includes undisplayed lower-level elements, so that all lower-level elements at the same level can be displayed.

[0073] In some embodiments, after the element selection bar of the target directory is displayed in the data display area, the method further includes:

[0074] If it is detected that a new lower-level element is added to the target directory, the new lower-level element will be displayed on the element selection bar.

[0075] The new lower-level element may be a lower-level element in a directory other than the target directory in at least one directory, or may be a lower-level element newly created by the user.

[0076] For example, the element selection bar is Figure 5 As shown in 501, the target directory is directory X. The lower-level element "kanban 5" in directory D is moved to directory X. At this time, it is detected that a new lower-level element "kanban 5" is added to the target directory. Kanban 5 is displayed on the element selection bar. The element selection bar is as follows: Figure 5 As shown in 502.

[0077] It is understood that the new lower-level element may be at least one of a new first element and a new second element. When the new lower-level element includes a new first element, if it is detected that the target directory has added a new lower-level element, the process of displaying the new lower-level element on the element selection bar may be:

[0078] If it is detected that a new first element is added to the target directory, a new tree node of the first element is created under the tree node of the target directory in the tree structure corresponding to the target directory, and the type of the new tree node of the first element is the first element node type;

[0079] Based on the tree node of the first element node type under the target directory, the element selection bar is updated to display the new first element on the element selection bar.

[0080] The tree node of the new first element is a child node of the tree node of the target directory. Since the type of the tree node of the new first element is the first element node type, the tree node of the first element node type under the target directory includes the tree node of the new first element. Therefore, after the element selection bar is updated based on the tree node of the first element node type under the target directory, the new first element can be displayed on the element selection bar.

[0081] When the new lower-level element includes a second element, and the second element includes at least one first element, if it is detected that a new lower-level element is added to the target directory, the new lower-level element is displayed on the element selection bar, including:

[0082] If it is detected that a new second element is added to the target directory, a new tree node of the second element is created under the tree node of the target directory in the tree structure corresponding to the target directory, and the tree node of the new second element is converted from the second element node type to the first element node type;

[0083] Based on the tree node of the first element node type under the target directory, the element selection bar is updated to display the new second element on the element selection bar.

[0084] The tree node of the new second element is a child node of the tree node of the target directory. If the new second element is a lower-level element of the first directory, and the first directory is at least one directory other than the target directory, the tree node corresponding to the new second element in the tree structure of the first directory may also be cancelled.

[0085] In an embodiment of the present application, if it is detected that a new second element is added to the target directory, a new tree node of the second element is created under the tree node of the target directory in the tree structure corresponding to the target directory, and the tree node of the new second element is converted from the second element node type to the first element node type. Since the type of the tree node of the new second element is the first element node type, the tree node of the first element node type under the target directory includes the tree node of the new second element. Therefore, after the element selection bar is updated based on the tree node of the first element node type under the target directory, the new second element can be displayed on the element selection bar.

[0086] In some embodiments, after the element selection bar of the target directory is displayed in the data display area, the method further includes:

[0087] In response to a triggering operation on the second element, the first element under the second element and a hierarchical relationship between the second element and the target directory are displayed on the element selection bar.

[0088] Among them, the type of triggering operation on the second element can be set according to actual conditions. For example, the triggering operation on the second element can be a click operation or a long press operation, which is not limited in the embodiment of the present application.

[0089] For example, when the element selection bar is displayed, the directory interface can be as follows Figure 3 As shown in 302, in response to the triggering operation of the second element "catalog x1", the first element "kanban 1" under the catalog x1, the first element "kanban 11" and the hierarchical relationship between the catalog x1 and the catalog X are displayed on the element selection bar. At this time, the catalog interface can be as follows Figure 6 shown.

[0090] In an embodiment of the present application, in response to a trigger operation on the second element, the first element under the second element and the hierarchical relationship between the second element and the target directory are displayed on the element selection bar, so that the user can clearly know the hierarchical relationship between the target directory, the second element and the first element under the second element, further improving the convenience of the user in viewing the relevance of the data in the first element under the second element.

[0091] It can be understood that when the hierarchical relationship between the second element and the target directory is displayed in the element selection bar, the target directory needs to be displayed on the element selection bar. Therefore, the tree node corresponding to the target directory can also be converted from the second element node type to the first element node type, so that when the element selection bar of the target directory is generated based on the tree node of the first element node type under the target directory, the target directory can be included in the element selection bar.

[0092] In some embodiments, this embodiment further includes:

[0093] If it is detected that the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type, the sharing control is displayed;

[0094] In response to the triggering operation of the sharing control, all lower-level elements under the target directory are shared.

[0095] It is detected that the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type, which means that it is detected that the lower-level elements under the target directory in the directory area are hidden.

[0096] When the lower-level elements of the target directory on the directory area are hidden, the sharing controls of the target directory can be displayed on the target interface so that in response to the triggering operation of the sharing controls of the target directory, all the lower-level elements under the target directory can be shared, eliminating the need to share the lower-level elements under the target directory one by one, thereby improving sharing efficiency.

[0097] The location of the sharing control on the target interface can be set according to the actual situation. For example, the sharing control can be placed in the directory area, or it can be displayed in a pop-up window on the target interface. When the sharing control is displayed in the pop-up window, for example, Figure 7 shown.

[0098] In some embodiments, in response to a triggering operation on a switch control of a target directory in at least one directory, displaying an element selection bar of the target directory in the data display area includes:

[0099] In response to a triggering operation on a switch control of a target directory in at least one directory, updating a value of a configuration item corresponding to the target directory to a first target value;

[0100] When it is detected that the value of the configuration item is the first target value, an element selection bar of the target directory is displayed in the data display area through the tab component.

[0101] Configuration items refer to parameters that control the tab component and can be used to control whether the tab component displays the element selection bar in the data display area. When the configuration item's value is the first target value, the tab component displays the element selection bar for the target directory in the data display area, thereby achieving the display of the element selection bar in the data display area. When the configuration item's value is not the first target value, the displayed element selection bar is removed.

[0102] The specific value of the first target value can be set according to actual conditions. For example, the first target value is 0 or 1, which is not limited in the embodiment of the present application.

[0103] In some embodiments, the lower-layer element includes a second element, the second element includes at least one first element, and after displaying the element selection bar of the target directory in the data display area through the tab component, further includes:

[0104] In response to a triggering operation on the second element, a breadcrumb component associated with the tab component is used to display a hierarchical relationship between the second element and the target directory on the element selection bar, and a first element under the second element is displayed through the tab component.

[0105] When the element selection bar is displayed through the tab component, the first element and the second element in the element selection bar are in the form of tabs on the element selection bar, and the title of the tab is the first element or the second element.

[0106] A breadcrumb component is a component used to display the location path of the currently displayed content. A breadcrumb component associated with a tab component is used to display the location path of the title of the selected tab within the tab component. When the tab containing the second element is selected, the breadcrumb component retrieves the target directory and displays the hierarchical relationship between the second element and the target directory on the element selection bar. This hierarchical relationship indicates the location path of the second element.

[0107] The lower-layer element includes the second element, which can be understood as the lower-layer element only including the second element, or can also be understood as the lower-layer element including the first element and the second element.

[0108] In an embodiment of the present application, in response to a triggering operation on the second element, the hierarchical relationship between the second element and the target directory is displayed on the element selection bar through the breadcrumb component associated with the tab component, and the first element under the second element is displayed through the tab component, thereby realizing the hierarchical relationship between the second element and the target directory being displayed on the element selection bar.

[0109] In some embodiments, after the element selection bar of the target directory is displayed in the data display area, the method further includes:

[0110] In response to a triggering operation on a switch control of a target directory, lower-level elements under the target directory are displayed on the directory area, and the element selection bar is hidden.

[0111] Among them, the switching control may include one, which can check the current display mode of the target directory when a trigger operation on the switching control is detected. If the current display mode of the target directory is the selection bar display mode, the display mode of the target directory is switched to the directory display mode, that is, the lower-level elements under the target directory are displayed on the directory area, and the element selection bar is hidden. If the current display mode of the target directory is the directory display mode, the display mode of the target directory is switched to the selection bar display mode, that is, the lower-level elements of the target directory on the directory area are hidden, and the element selection bar is displayed.

[0112] Alternatively, the switch control may include a first switch control and a second switch control. In response to a triggering operation on the first switch control, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area. In response to a triggering operation on the second switch control, the lower-level elements under the target directory are displayed on the directory area, and the element selection bar is hidden.

[0113] For example, the first switch control can be Figure 2 The second toggle control can be as follows: Figure 8 Click "View as Directory" as shown.

[0114] In an embodiment of the present application, in response to a triggering operation of a switch control of a target directory in at least one directory, the lower-level elements under the target directory in the directory area are hidden, and the element selection bar of the target directory is displayed in the data display area. In response to a triggering operation of a switch control of the target directory, the lower-level elements under the target directory are displayed on the directory area, and the element selection bar is hidden. This enables a lightweight interactive method to switch the display mode of the lower-level elements back and forth between the selection bar display mode and the directory display mode. The process is reversible, meeting the user's needs for different display modes in different scenarios without destroying the existing tree structure.

[0115] In some embodiments, when the lower-level elements include the first element, in response to a triggering operation on a switch control of a target directory, displaying the lower-level elements under the target directory on the directory area and hiding the element selection bar includes:

[0116] In response to a triggering operation on a switch control of a target directory, converting a tree node of the target directory from a first element node type to a second element node type;

[0117] When it is detected that the type of the tree node of the target directory is the second element node type, the lower-level elements under the target directory are displayed in the directory area, and the element selection bar is hidden.

[0118] In this embodiment, in response to the triggering operation of the switch control of the target directory, the tree node of the target directory is converted from the first element node type to the second element node type, so that when it is detected that the type of the tree node of the target directory is the second element node type, the lower-level elements under the target directory are displayed on the directory area, and the element selection bar is hidden.

[0119] In some embodiments, the lower-layer elements include a second element, the second element includes at least one first element, and in response to a triggering operation on a switch control of a target directory, the lower-layer elements under the target directory are displayed on the directory area, and the element selection bar is hidden, including:

[0120] In response to a triggering operation on a switch control of a target directory, in a tree structure corresponding to the directory, converting a tree node of the second element and a tree node of the target directory from a first element node type to a second element node type;

[0121] When it is detected that the type of the tree node of the target directory is the second element node type, the lower-level elements under the target directory are displayed in the directory area, and the element selection bar is hidden.

[0122] In this embodiment, when the lower-level elements include a second element, in response to the triggering operation of the switch control of the target directory, in the tree structure corresponding to the directory, the tree node of the second element and the tree node of the target directory are converted from the first element node type to the second element node type, so that when it is detected that the type of the tree node of the target directory is the second element node type, the lower-level elements under the target directory are displayed on the directory area, and the element selection bar is hidden, and the type of the tree node of the second element can be restored to the second element node type.

[0123] As can be seen from the above content, in an embodiment of the present application, a directory interface is displayed, and the directory interface includes a directory area and a data display area. The directory area includes at least one directory and a switching control corresponding to at least one directory. At least one directory includes at least one lower-level element, and the data display area is used to display the data in at least one lower-level element; in response to the triggering operation of the switching control of the target directory in at least one directory, the lower-level elements under the target directory in the directory area are hidden, and the element selection bar of the target directory is displayed in the data display area. The element selection bar is used to display the lower-level elements under the target directory. The lower-level elements in the element selection bar can be selected to trigger the display of the data in the lower-level elements in the data display area, so that the lower-level elements under the same directory are displayed in the element selection bar, thereby enhancing the correlation of the lower-level elements under the same directory in the display, thereby enhancing the correlation of the data in the lower-level elements under the same directory in the display, and improving the convenience of viewing associated data.

[0124] The following is based on Figure 9 , further explains the information display method provided by this application.

[0125] 901. Display a directory interface, the directory interface including a directory area and a data display area, the directory area including at least one directory and a first switch control corresponding to at least one directory, at least one directory including at least one lower-level element, the data display area being used to display data in at least one lower-level element, at least one lower-level element including a first element, and / or at least one lower-level element including a first element and a second element, the second element including the first element.

[0126] 902. In response to a triggering operation on a switch control of a target directory in at least one directory, if at least one lower-level element of the target directory includes a first element, the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type; if at least one lower-level element of the target directory includes a first element and a second element, the tree node corresponding to the target directory in the tree structure and the tree node corresponding to the second element of the target directory are both converted from the second element node type to the first element node type, and the value of the configuration item corresponding to the target directory is updated to the first target value.

[0127] Among them, when the lower-level elements of the target directory include a second element, in response to the triggering operation of the switch control of the target directory, the tree node corresponding to the target directory in the tree structure and the tree node corresponding to the second element of the target directory are both converted from the second element node type to the first element node type.

[0128] It can be understood that if the second element does not include the first element, the tree node corresponding to the second element of the target directory is not converted from the second element node type to the first element node type.

[0129] It can be understood that if the first element is not included in the target directory, no operation is performed in response to the triggering operation of the switch control of the target directory in at least one directory, that is, the element selection bar of the target directory is not generated, and the target directory cannot be displayed in the selection bar display mode.

[0130] 903. Hide the lower-level elements of the target directory in the directory area, and when it is detected that the value of the configuration item corresponding to the target directory is updated to the first target value, generate an element selection bar for the target directory through the tab component according to the tree node of the first element node type under the target directory.

[0131] When the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type, the lower-level elements of the target directory in the hidden directory area may be triggered.

[0132] 904. Display an element selection bar in the data display area, where the element selection bar includes lower-level elements.

[0133] 905. In response to a trigger operation on the second element in the element selection bar, the hierarchical relationship between the second element and the target directory is displayed on the element selection bar through the breadcrumb component associated with the tab component, and the first element under the second element is displayed through the tab component.

[0134] 906. In response to the triggering operation of the second switch control of the target directory, if at least one lower-level element of the target directory includes the first element, the tree node corresponding to the target directory in the tree structure is converted from the first element node type to the second element node type; if at least one lower-level element of the target directory includes the first element and the second element, the tree node corresponding to the target directory in the tree structure and the tree node corresponding to the second element of the target directory are both converted from the first element node type to the second element node type, and the value of the configuration item corresponding to the target directory is updated to a non-first target value.

[0135] 907. When it is detected that the value of the configuration item corresponding to the target directory is updated to a non-first target value, the lower-level elements corresponding to the first element node type and the second element node type under the target directory are displayed in the directory area, and the element selection bar is hidden.

[0136] 908. If it is detected that the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type, a sharing control is displayed, and in response to a triggering operation on the sharing control, all lower-level elements under the target directory are shared.

[0137] In this embodiment, the target directory is converted from the second element node type to the first element node type so that the lower-level elements of the target directory are displayed in the element selection bar on the data display area, so that the display mode of the directory can be changed without modifying the tree structure where the target directory is located, and the display mode of the directory is made reversible, for example, Figure 10 shown.

[0138] The specific implementation process and corresponding beneficial effects of this embodiment can be specifically referred to the above-mentioned information display method embodiment, and this embodiment will not be repeated here.

[0139] In order to better implement the above method, an embodiment of the present application further provides an information display device, which can be specifically integrated into an electronic device, such as a computer device, which can be a terminal, server, or other device.

[0140] Among them, the terminal can be a mobile phone, a tablet computer, a smart Bluetooth device, a laptop computer, a personal computer and other devices; the server can be a single server or a server cluster composed of multiple servers.

[0141] For example, in this embodiment, the method of the embodiment of the present application will be described in detail by taking the information display device specifically integrated into the terminal as an example. This embodiment provides an information display device, such as Figure 11 As shown, the information display device may include:

[0142] The first display module 1101 is used to display the directory interface, which includes a directory area and a data display area. The directory area includes at least one directory and a switching control corresponding to at least one directory. At least one directory includes at least one lower-level element, and the data display area is used to display data in at least one lower-level element.

[0143] The second display module 1102 is used to hide the lower-level elements under the target directory in the directory area in response to the triggering operation of the switching control of the target directory in at least one directory, and display the element selection bar of the target directory in the data display area. The element selection bar is used to display the lower-level elements under the target directory. The lower-level elements in the element selection bar can be selected to trigger the display of data in the lower-level elements in the data display area.

[0144] In some embodiments, the lower layer element includes at least one of a first element and a second element, and the second element includes at least one first element.

[0145] In some embodiments, the lower layer elements include a second element, and the second display module 1102 is specifically configured to perform:

[0146] In response to a triggering operation on a switch control of a target directory in at least one directory, in a tree structure corresponding to the directory, converting a tree node of the second element from a second element node type and a tree node of the target directory from the second element node type to a first element node type;

[0147] When it is detected that the type of the tree node of the target directory is the first element node type, the lower-level elements under the target directory in the directory area are hidden;

[0148] Generate an element selection bar for the target directory according to the tree node of the first element node type under the target directory;

[0149] Displays the element selection bar in the data display area.

[0150] In some embodiments, the second display module 1102 is further configured to:

[0151] In response to a triggering operation on the second element, the first element under the second element and a hierarchical relationship between the second element and the target directory are displayed on the element selection bar.

[0152] In some embodiments, the second display module 1102 is further configured to:

[0153] If it is detected that the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type, the sharing control is displayed;

[0154] In response to the triggering operation of the sharing control, all lower-level elements under the target directory are shared.

[0155] In some embodiments, the second display module 1102 is specifically configured to perform:

[0156] In response to a triggering operation on a switch control of a target directory in at least one directory, updating a value of a configuration item corresponding to the target directory to a first target value;

[0157] When it is detected that the value of the configuration item is the first target value, an element selection bar of the target directory is displayed in the data display area through the tab component.

[0158] In some embodiments, the lower layer element includes a second element, and the second display module 1102 is further configured to execute:

[0159] In response to a triggering operation on the second element, a breadcrumb component associated with the tab component is used to display a hierarchical relationship between the second element and the target directory on the element selection bar, and a first element under the second element is displayed through the tab component.

[0160] In some embodiments, the second display module 1102 is further configured to:

[0161] If it is detected that a new lower-level element is added to the target directory, the new lower-level element will be displayed on the element selection bar.

[0162] In some embodiments, the new lower-layer element includes a new second element, and the second display module 1102 is configured to perform:

[0163] If it is detected that a new second element is added to the target directory, a new tree node of the second element is created under the tree node of the target directory in the tree structure corresponding to the target directory, and the tree node of the new second element is converted from the second element node type to the first element node type;

[0164] Based on the tree node of the first element node type under the target directory, the element selection bar is updated to display the new second element on the element selection bar.

[0165] In some embodiments, the second display module 1102 is further configured to:

[0166] In response to a triggering operation on a switch control of a target directory, lower-level elements under the target directory are displayed on the directory area, and the element selection bar is hidden.

[0167] In some embodiments, the lower layer elements include a second element, the second element includes at least one first element, and the second display module 1102 is configured to perform:

[0168] In response to a triggering operation on a switch control of a target directory, in a tree structure corresponding to the directory, converting a tree node of the second element and a tree node of the target directory from a first element node type to a second element node type;

[0169] When it is detected that the type of the tree node of the target directory is the second element node type, the lower-level elements under the target directory are displayed in the directory area, and the element selection bar is hidden.

[0170] During specific implementation, the above modules can be implemented as independent entities, or they can be arbitrarily combined and implemented as the same or several entities. The specific implementation methods and corresponding beneficial effects of the above modules can be found in the previous method embodiments and will not be repeated here.

[0171] Accordingly, an embodiment of the present application further provides an electronic device, which may be a terminal, such as a smart phone, a tablet computer, a laptop computer, a touch screen, a game console, a personal computer (PC), a personal digital assistant (PDA), or the like. Figure 12 As shown, Figure 12Schematic diagram of the structure of an electronic device provided in an embodiment of the present application. The electronic device 1200 includes a processor 1201 having one or more processing cores, a memory 1202 having one or more computer-readable storage media, and a computer program stored in the memory 1202 and executable on the processor. The processor 1201 is electrically connected to the memory 1202. Those skilled in the art will understand that the electronic device structure shown in the figure does not constitute a limitation of the electronic device, and may include more or fewer components than shown, or combine certain components, or arrange the components differently.

[0172] The processor 1201 is the control center of the electronic device 1200. It uses various interfaces and lines to connect various parts of the entire electronic device 1200. By running or loading software programs and / or modules stored in the memory 1202 and calling data stored in the memory 1202, it executes various functions of the electronic device 1200 and processes data, thereby monitoring the electronic device 1200 as a whole.

[0173] In the embodiment of the present application, the processor 1201 in the electronic device 1200 loads instructions corresponding to one or more application processes into the memory 1202 according to the following steps, and the processor 1201 runs the application stored in the memory 1202 to implement various functions, such as:

[0174] Display a directory interface, which includes a directory area and a data display area. The directory area includes at least one directory and a switch control corresponding to the at least one directory. The at least one directory includes at least one lower-level element. The data display area is used to display data in the at least one lower-level element.

[0175] In response to the triggering operation of the switch control of the target directory in at least one directory, the lower-level elements under the target directory in the directory area are hidden, and the element selection bar of the target directory is displayed in the data display area. The element selection bar is used to display the lower-level elements under the target directory. The lower-level elements in the element selection bar can be selected to trigger the display of data in the lower-level elements in the data display area.

[0176] The specific implementation methods and corresponding beneficial effects of the above operations can be found in the detailed description of the information display method above, which will not be elaborated here.

[0177] Optional, such as Figure 12As shown, the electronic device 1200 further includes: a touch screen 1203, a radio frequency circuit 1204, an audio circuit 1205, an input unit 1206, and a power supply 1207. Among them, the processor 1201 is electrically connected to the touch screen 1203, the radio frequency circuit 1204, the audio circuit 1205, the input unit 1206, and the power supply 1207 respectively. It can be understood by those skilled in the art that Figure 12 The electronic device structure shown in the figure does not constitute a limitation to the electronic device, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0178] The touch display screen 1203 can be used to display a graphical user interface and receive user actions on the operation instructions generated by the graphical user interface. The touch display screen 1203 may include a display panel and a touch panel. Among them, the display panel can be used to display information input by the user or information provided to the user and various graphical user interfaces of the electronic device, and these graphical user interfaces can be composed of graphics, text, icons, videos and any combination thereof. Optionally, a liquid crystal display (LCD), an organic light emitting diode (OLED, Organic Light-Emitting Diode) or the like can be used to configure the display panel. The touch panel can be used to collect user touch operations thereon or near it (such as the user uses any suitable object or accessory such as a finger, stylus on the touch panel or near the touch panel) and generate corresponding operation instructions, and the operation instructions execute corresponding programs. Optionally, the touch panel may include two parts: a touch detection device and a touch controller. Among them, the touch detection device detects the user's touch direction, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts it into the touch point coordinates, and then sends it to the processor 1201, and can receive the command sent by the processor 1201 and execute it. The touch panel can cover the display panel. When the touch panel detects a touch operation on or near it, it is transmitted to the processor 1201 to determine the type of touch event. The processor 1201 then provides a corresponding visual output on the display panel according to the type of touch event. In an embodiment of the present application, the touch panel and the display panel can be integrated into the touch display screen 1203 to realize input and output functions. However, in some embodiments, the touch panel and the touch panel can be used as two independent components to realize input and output functions. That is, the touch display screen 1203 can also be used as part of the input unit 1206 to realize the input function.

[0179] The radio frequency circuit 1204 may be used to transmit and receive radio frequency signals, so as to establish wireless communication with a network device or other electronic devices through wireless communication, and to transmit and receive signals with the network device or other electronic devices.

[0180] The audio circuit 1205 can be used to provide an audio interface between the user and the electronic device through a speaker and microphone. The audio circuit 1205 can convert received audio data into electrical signals and transmit them to the speaker, which then converts them into sound signals for output. The microphone, on the other hand, converts collected sound signals into electrical signals, which are then received by the audio circuit 1205 and converted into audio data. The audio data is then output to the processor 1201 for processing, and then transmitted to another electronic device via the RF circuit 1204. Alternatively, the audio data can be output to the memory 1202 for further processing. The audio circuit 1205 may also include an earphone jack to provide communication between external headphones and the electronic device.

[0181] The input unit 1206 may be configured to receive input digital, character information, or user feature information (such as fingerprint, iris, or facial information), and to generate keyboard, mouse, joystick, optical, or trackball signal input related to user settings and function control.

[0182] Power supply 1207 is used to supply power to various components of electronic device 1200. Optionally, power supply 1207 can be logically connected to processor 1201 via a power management system, thereby enabling the power management system to manage charging, discharging, and power consumption. Power supply 1207 can also include one or more DC or AC power supplies, a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator, and other arbitrary components.

[0183] although Figure 12 Not shown, the electronic device 1200 may further include a camera, a sensor, a wireless fidelity module, a Bluetooth module, etc., which will not be described in detail here.

[0184] In the above embodiments, the description of each embodiment has its own focus. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0185] Those skilled in the art will appreciate that all or part of the steps in the various methods of the above embodiments may be accomplished by instructions, or by controlling related hardware through instructions. The instructions may be stored in a computer-readable storage medium and loaded and executed by a processor.

[0186] To this end, an embodiment of the present application provides a computer-readable storage medium storing a plurality of computer programs, which can be loaded by a processor to execute any of the information display methods provided in the embodiments of the present application. For example, the computer program can execute the following steps:

[0187] Display a directory interface, which includes a directory area and a data display area. The directory area includes at least one directory and a switch control corresponding to the at least one directory. The at least one directory includes at least one lower-level element. The data display area is used to display data in the at least one lower-level element.

[0188] In response to the triggering operation of the switch control of the target directory in at least one directory, the lower-level elements under the target directory in the directory area are hidden, and the element selection bar of the target directory is displayed in the data display area. The element selection bar is used to display the lower-level elements under the target directory. The lower-level elements in the element selection bar can be selected to trigger the display of data in the lower-level elements in the data display area.

[0189] The specific implementation methods and corresponding beneficial effects of the above operations can be found in the detailed description of the information display method above, which will not be elaborated here.

[0190] The computer-readable storage medium may include a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, etc.

[0191] Since the computer program stored in the computer-readable storage medium can execute any information display method provided in the embodiments of the present application, the beneficial effects that can be achieved by any information display method provided in the embodiments of the present application can be achieved. Please refer to the previous embodiments for details and will not be repeated here.

[0192] The above is a detailed introduction to an information display method, device, electronic device and computer-readable storage medium provided in the embodiments of the present application. Specific examples are used herein to illustrate the principles and implementation methods of the present application. The description of the above embodiments is only used to help understand the method of the present application and its core idea; at the same time, for technical personnel in this field, based on the ideas of the present application, there will be changes in the specific implementation methods and application scope. In summary, the content of this specification should not be understood as a limitation on the present application.

Claims

1. An information display method, characterized in that: The method comprises: Displaying a directory interface, the directory interface comprising a directory area and a data display area, the directory area comprising at least one directory and a switch control corresponding to the at least one directory, the at least one directory comprising at least one lower-level element, the data display area being used to display data in the at least one lower-level element; In response to a triggering operation on a switching control of a target directory in at least one of the directories, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area. The element selection bar is used to display the lower-level elements under the target directory. The lower-level elements in the element selection bar can be selected to trigger the display of data in the lower-level elements in the data display area.

2. The information display method according to claim 1, wherein: The lower layer elements include at least one of a first element and a second element, and the second element includes at least one first element.

3. The information display method according to claim 2, wherein: The lower-layer elements include the second element, and in response to a triggering operation on a switch control of a target directory in the at least one directory, the lower-layer elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area, including: In response to a triggering operation on a switch control of a target directory in the at least one directory, converting, in a tree structure corresponding to the directory, a tree node of the second element and a tree node of the target directory from a second element node type to a first element node type; When it is detected that the type of the tree node of the target directory is the first element node type, hiding the lower-layer elements under the target directory in the directory area; generating an element selection bar of the target directory according to a tree node of the first element node type under the target directory; The element selection bar is displayed in the data display area.

4. The information display method according to claim 3, wherein: After the element selection bar of the target directory is displayed in the data display area, the method further includes: In response to a triggering operation on the second element, the first element under the second element and the hierarchical relationship between the second element and the target directory are displayed on the element selection bar.

5. The information display method according to claim 3, wherein: The method further comprises: If it is detected that the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type, displaying a sharing control; In response to the triggering operation of the sharing control, all lower-level elements under the target directory are shared.

6. The information display method according to claim 2, wherein: In response to a triggering operation on a switch control of a target directory in the at least one directory, displaying an element selection bar of the target directory in the data display area includes: In response to a triggering operation on a switch control of a target directory in the at least one directory, updating a value of a configuration item corresponding to the target directory to a first target value; When it is detected that the value of the configuration item is the first target value, an element selection bar of the target directory is displayed in the data display area through a tab component.

7. The information display method according to claim 6, wherein: The lower layer elements include the second element, and after displaying the element selection bar of the target directory in the data display area through the tab component, further include: In response to a triggering operation on the second element, the hierarchical relationship between the second element and the target directory is displayed on the element selection bar through a breadcrumb component associated with the tab component, and the first element under the second element is displayed through the tab component.

8. The information display method according to claim 1, wherein: After the element selection bar of the target directory is displayed in the data display area, the method further includes: If it is detected that a new lower-level element is added to the target directory, the new lower-level element is displayed on the element selection bar.

9. The information display method according to claim 8, wherein: The new lower-layer element includes a new second element, and if it is detected that the target directory adds a new lower-layer element, the new lower-layer element is displayed on the element selection bar, including: If it is detected that a new second element is added to the target directory, a tree node of the new second element is created under the tree node of the target directory in the tree structure corresponding to the target directory, and the tree node of the new second element is converted from a second element node type to a first element node type; Based on the tree node of the first element node type under the target directory, the element selection bar is updated to display the new second element on the element selection bar.

10. The information display method according to claim 1, wherein: After the element selection bar of the target directory is displayed in the data display area, the method further includes: In response to a triggering operation on a switch control of the target directory, the lower-layer elements under the target directory are displayed on the directory area, and the element selection bar is hidden.

11. The information display method according to claim 10, wherein: The lower-layer elements include a second element, the second element includes at least one first element, and in response to a triggering operation on a switch control of the target directory, displaying the lower-layer elements under the target directory on the directory area and hiding the element selection bar includes: In response to a triggering operation on a switch control of the target directory, in a tree structure corresponding to the directory, converting a tree node of the second element and a tree node of the target directory from a first element node type to a second element node type; When it is detected that the type of the tree node of the target directory is the second element node type, the lower-layer elements under the target directory are displayed on the directory area, and the element selection bar is hidden.

12. An information display device, characterized in that: The device comprises: a first display module, configured to display a directory interface, the directory interface comprising a directory area and a data display area, the directory area comprising at least one directory and a switch control corresponding to the at least one directory, the at least one directory comprising at least one lower-layer element, the data display area being configured to display data in the at least one lower-layer element; The second display module is used to hide the lower-level elements under the target directory in the directory area in response to the triggering operation of the switching control of the target directory in the at least one directory, and display the element selection bar of the target directory in the data display area, wherein the element selection bar is used to display the lower-level elements under the target directory, and the lower-level elements in the element selection bar can be selected to trigger the display of data in the lower-level elements in the data display area.

13. An electronic device, characterized in that: The system comprises a processor and a memory, wherein the memory stores a plurality of instructions; the processor loads instructions from the memory to execute the information display method according to any one of claims 1 to 11.

14. A computer-readable storage medium, characterized in that The computer-readable storage medium stores a plurality of instructions, and the instructions are suitable for being loaded by a processor to execute the information display method according to any one of claims 1 to 11.

Images