Movatterモバイル変換


[0]ホーム

URL:


CN114840161B - Page information display method and device, electronic equipment and storage medium - Google Patents

Page information display method and device, electronic equipment and storage medium

Info

Publication number
CN114840161B
CN114840161BCN202210454231.4ACN202210454231ACN114840161BCN 114840161 BCN114840161 BCN 114840161BCN 202210454231 ACN202210454231 ACN 202210454231ACN 114840161 BCN114840161 BCN 114840161B
Authority
CN
China
Prior art keywords
page
display
area
input
display state
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202210454231.4A
Other languages
Chinese (zh)
Other versions
CN114840161A (en
Inventor
吴立杰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
58 Chang Life Beijing Information Technology Co ltd
Original Assignee
58 Chang Life Beijing Information Technology Co ltd
Beijing 58 Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 58 Chang Life Beijing Information Technology Co ltd, Beijing 58 Information Technology Co LtdfiledCritical58 Chang Life Beijing Information Technology Co ltd
Priority to CN202210454231.4ApriorityCriticalpatent/CN114840161B/en
Publication of CN114840161ApublicationCriticalpatent/CN114840161A/en
Application grantedgrantedCritical
Publication of CN114840161BpublicationCriticalpatent/CN114840161B/en
Activelegal-statusCriticalCurrent
Anticipated expirationlegal-statusCritical

Links

Classifications

Landscapes

Abstract

The application provides a page information display method, a device, electronic equipment and a storage medium, wherein the method comprises the steps of displaying a target page comprising a first page and a second page which are displayed in a cascading mode, wherein the target page is a page which can bear a plurality of hierarchical contents in a target application program, the second page is in a first display state and covers a partial area of the first page, the first page comprises a first hierarchical content displayed in a first area and a second hierarchical content displayed in a second area, the second page comprises a third hierarchical content, the first hierarchical content, the second hierarchical content and the third hierarchical content form content hierarchical association, and the corresponding hierarchical levels are sequentially reduced; in response to a first input within the target page, the second page is controlled to expand to a second display state or contract to a third display state. The application can raise the upper limit of the bearing content of the single page, and can adjust the display state of the second page based on the input of the user, thereby being convenient for the user to adjust the page based on the requirement.

Description

Page information display method and device, electronic equipment and storage medium
Technical Field
The present application relates to the field of communications technologies, and in particular, to a method and apparatus for displaying page information, an electronic device, and a storage medium.
Background
An application is typically made up of a large number of pages, and the presentation of each page in the application is typically laid out in advance during development of the application. The traditional design principle is to recommend each level of information to be displayed independently, and at present, a scheme for bearing two levels of information on the same page, such as layout of the two levels of information on the same page, is also available.
However, with the increase of service complexity, the scheme that each level of information is independently displayed and the same page bears two levels of information cannot meet the display requirement gradually, and the information which can be borne by a single page is limited, so that the information browsing experience of a user is affected.
Disclosure of Invention
The embodiment of the application provides a page information display method, a device, electronic equipment and a storage medium, which are used for solving the problems that the existing page layout mode has limited information which can be carried by a single page and affects the information browsing experience of a user.
In a first aspect, an embodiment of the present application provides a method for displaying page information, including:
Displaying a target page comprising a first page and a second page which are displayed in a cascading style, wherein the second page is in a first display state, the second page covers a partial area of the first page in the first display state, the first page comprises a first level content displayed in a first area and a second level content displayed in a second area, the second page comprises a third level content, the first level content, the second level content and the third level content form content level association, and the corresponding level levels are sequentially reduced;
Controlling the second page to extend to a second display state or shrink to a third display state in response to a first input within the target page;
The target page is a page capable of bearing a plurality of levels of content in the target application program.
In a second aspect, an embodiment of the present application provides a page information display device, including:
The display module is used for displaying a target page comprising a first page and a second page which are displayed in a cascading mode, the second page is in a first display state, in the first display state, the second page covers a part of area of the first page, the first page comprises a first level content displayed in the first area and a second level content displayed in the second area, the second page comprises a third level content, the first level content, the second level content and the third level content form content level association, and the corresponding level levels are sequentially reduced;
the first control module is used for responding to a first input in the target page and controlling the second page to extend to a second display state or shrink to a third display state;
The target page is a page capable of bearing a plurality of levels of content in the target application program.
In a third aspect, an embodiment of the present application provides an electronic device, including a processor, a memory, and a computer program stored on the memory and executable on the processor, where the computer program is executed by the processor to implement the steps of the page information presentation method according to the first aspect.
In a fourth aspect, an embodiment of the present application provides a computer readable storage medium, on which a computer program is stored, the computer program implementing the steps of the page information presentation method according to the first aspect, when being executed by a processor.
According to the technical scheme, the first page and the second page are displayed in the cascading mode, the first level content and the second level content are displayed on the first page, the third level content is displayed on the second page, the simultaneous display of three levels of information can be achieved based on page superposition, the upper limit of the loadable content of a single page is improved, convenience is brought to users in browsing the contents of all levels, meanwhile, the conversion rate of the three levels of content can be improved, when the first input of the users in the target page is received, the second page is controlled to extend or shrink, the display state of the second page can be adjusted, and page adjustment based on requirements is facilitated for the users.
Drawings
Fig. 1 is a schematic diagram of a page information display method according to an embodiment of the present application;
fig. 2 is a schematic diagram showing a first display state of a second page provided in an embodiment of the present application on a target page;
fig. 3 is a schematic diagram showing a second display state of a second page provided in an embodiment of the present application on a target page;
fig. 4 is a schematic diagram showing a third display state of a second page provided in an embodiment of the present application on a target page;
FIG. 5 is a schematic diagram of triggering a second page extension based on an input in a second region according to an embodiment of the present application;
fig. 6 is a schematic diagram of a page information display device according to an embodiment of the present application;
Fig. 7 is a schematic structural diagram of an electronic device according to an embodiment of the present application.
Detailed Description
The following description of the embodiments of the present application will be made clearly and fully with reference to the accompanying drawings, in which it is evident that the embodiments described are some, but not all embodiments of the application. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
It should be appreciated that reference throughout this specification to "one embodiment" or "an embodiment" means that a particular feature, structure or characteristic described in connection with the embodiment is included in at least one embodiment of the present application. Thus, the appearances of the phrases "in one embodiment" or "in an embodiment" in various places throughout this specification are not necessarily all referring to the same embodiment. Furthermore, the particular features, structures, or characteristics may be combined in any suitable manner in one or more embodiments.
In various embodiments of the present application, it should be understood that the sequence numbers of the following processes do not mean the order of execution, and the order of execution of the processes should be determined by the functions and internal logic, and should not constitute any limitation on the implementation process of the embodiments of the present application.
The embodiment of the application provides a page information display method, which is shown in fig. 1 and comprises the following steps:
Step 101, displaying a target page comprising a first page and a second page which are displayed in a cascading style, wherein the second page is in a first display state, in the first display state, the second page covers a part of area of the first page, the first page comprises a first level content displayed in the first area and a second level content displayed in the second area, the second page comprises a third level content, the first level content, the second level content and the third level content form content level association, and corresponding level levels are sequentially reduced, and the target page is a page capable of bearing a plurality of level contents in a target application program.
According to the page information display method provided by the application, the target page which can bear a plurality of levels of contents in the target application program is displayed in response to the operation of the user on the target application program, wherein the target page can be the first page of the target application program or can be other pages which can bear a plurality of levels of contents in the target application program. For example, the target application is a living application, and the living application supports functions of home service, house renting service, recruiting service and the like, and the target page can be a home page of the living application, or can be a page corresponding to the home service, the house renting service and the recruiting service.
The target page comprises a first page and a second page which are displayed in a cascading mode, the second page is in a first display state and covers a part of the first page in an initial state, the first page comprises a first area and a second area, the first area displays first-level content, the second area displays second-level content, the second page displays third-level content, the first-level content, the second-level content and the third-level content form content level association, and the corresponding level levels are sequentially reduced. The hierarchical level may be understood as the detail level of the content, the higher the hierarchical level is, the lower the detail level of the content is, the higher the detail level of the content is, and the evolution process of the first hierarchical content, the second hierarchical content and the third hierarchical content may be understood as the process of showing the content in continuous detail. For example, a first area of a first page in the target page corresponds to a large class page, a second area of the first page corresponds to a list page, a second page corresponds to a content page, display contents of the list page are associated with options in a selected state in the large class page, and display contents of the content page are associated with options in the selected state in the list page.
And 102, responding to a first input in the target page, and controlling the second page to extend to a second display state or shrink to a third display state.
After a target page including a first page and a second page displayed in a cascade style is displayed, a first input of a user within the target page is received, and in response to the first input of the user, the second page is controlled to expand or contract. The input of the user in the target page may be input to the first page or input to the second page.
The second page may be controlled to expand or contract in response to a first input by a user within the first page or the second page. When the second page extension is controlled, the second page can be controlled to be extended to cover at least part of the area of the first page, so that the second page is updated to be in a second display state, and the part of the second page in the second display state, which covers the first page, is larger than the part of the second page in the first display state, which covers the first page. When the second page is controlled to shrink, the second page can be controlled to shrink to a third display state, and if the second page in the third display state continues to cover the first page, the part of the second page which covers the first page is smaller than the part of the second page which covers the first page in the first display state. It should be noted that, in the embodiment of the present application, the second page is always displayed at the bottom of the screen, that is, the second page is always not separated from the bottom of the screen no matter whether the second page is in the first display state, the second display state or the third display state.
According to the implementation process, the first page and the second page are displayed in the cascading style, the first level content and the second level content are displayed on the first page, the third level content is displayed on the second page, the simultaneous display of three levels of information can be achieved based on page superposition, the upper limit of the loadable content of a single page is improved, convenience is brought to users in browsing the contents of all levels, meanwhile, the conversion rate of the three levels of content can be improved, when the first input of the users in the target page is received, the second page is controlled to extend or shrink, the display state of the second page can be adjusted, and page adjustment based on requirements is facilitated for the users.
The following describes a process of displaying a target page, displaying a target page including a first page and a second page displayed in a cascade style, including:
Displaying a first page corresponding to a first display style and a second display style, wherein the first region is the second display style and the second region is the first display style;
Displaying a second page covering a partial area of the first page and corresponding to the first display mode, wherein the first area and the second area are in a left-right layout mode on the first page, and the second page in the first display state covers the partial areas of the first area and the second area.
When the target page is displayed, a first page corresponding to the first display style and a second display style is displayed, a second page corresponding to the first display style is displayed, the second page covers a partial area of the first page, and the two pages are presented in a page stack mode.
In this embodiment, the first region and the second region are presented in a left-right layout style on the first page, the first region of the first page corresponds to the second display style, the second region of the first page corresponds to the first display style, and the second page corresponds to the first display style. That is, in the initial state, the first region and the second region of the first page correspond to different display styles, and the second region of the first page is identical to the display style of the second page. The first area corresponds to the first hierarchical content, the first hierarchical content is the content in the large page, the second area corresponds to the second hierarchical content, the second hierarchical content is the content in the list page, and in general, the area corresponding to the first area is smaller than the area corresponding to the second area, and the first area is located on the left side of the first page, and the second area is located on the right side of the first page.
It should be noted that, in the present embodiment, the first display style is different from the second display style, and may be highlighted in comparison with the second display style, or may be highlighted in comparison with the first display style, and since the content focused by the user needs to be highlighted in general, the disclosure of the present application is illustrated by highlighting the first display style in comparison with the second display style. The first display style may be highlighted in comparison with the second display style, and at least one of the first display style may have a higher brightness than the second display style, and the page color corresponding to the first display style may be highlighted in comparison with the page color corresponding to the second display style.
In the initial state, the user focuses on the second area of the first page and the second page, so that the second area of the first page and the second page are highlighted relative to the first area of the first page, and the first area of the first page is weakened to be displayed relative to the second area of the first page and the second page. Referring to fig. 2, in the initial state, a first area of the first page (a left area of the bottom page) corresponds to the second display style, a second area of the first page (a right area of the bottom page) and a second page (an upper page) corresponds to a specific illustration of the first display style, wherein the second area of the first page and the second page are highlighted compared to the first area of the first page, and the first area of the first page is displayed with a relatively dark color.
When the first page and the second page are displayed in the cascade style, the second area of the first page and the second page are displayed in the first display style, and the first area of the first page is displayed in the second display style.
Optionally, in the initial state, the first region of the first page corresponds to the second display style, the second region of the first page and the second page correspond to the first display style, and the method further includes:
and in the case of receiving a second input in the first area, controlling the first area to be updated to the first display mode and the second page to be updated to the second display mode in response to the second input.
In this embodiment, when the first page and the second page are displayed in a stacked manner, the first area of the first page corresponds to the second display style in the initial state, the second area of the first page and the second page correspond to the first display style, and the embodiment is described in relation to the first display style as compared with the second display style in a highlighting manner.
When receiving a second input of a user in a first area of a first page, determining that the content focused by the user is in the first area, controlling the display style of the first area to be updated from a second display style to a first display style in response to the second input in the first area so as to realize highlighting of the content focused by the user, and controlling the display style of the second page to be updated from the first display style to the second display style so as to realize weakening display of the second page. The display content in the second area is directly related to the display content in the first area, so that the second area can be kept as the first display mode, and when the user pays attention to the content in the first area, the display modes of the first area and the second area are ensured to be the same, so that the user can browse the related content in the second area when paying attention to the content in the first area.
For example, in an initial state, the first area of the first page is displayed in a relatively dark color, the second area of the first page and the second page are highlighted compared with the first area of the first page, and in the case that a second input of a user in the first area of the first page is received, such as a sliding input in the first area, a clicking input in the first area and the like, the first area of the first page is controlled to be highlighted, the highlighting of the second area of the first page is maintained, and the second page is controlled to be switched from the highlighting to the dark display in response to the second input.
After the second area of the first display style, the second page and the first area of the second display style are displayed in the initial state, the first area is controlled to be updated to the first display style and the second page is controlled to be updated to the second display style based on the second input in the first area, so that the first page can be displayed in a display style different from the second page when the user views the content in the first area, and the user can conveniently distinguish the pages and view the corresponding content based on the display style.
In the following, a description will be given of a case of controlling expansion or contraction of a second page, and controlling expansion or contraction of the second page to a second display state or to a third display state in response to a first input in the target page includes:
Controlling the second page to be expanded to the second display state in response to a first input within the first page meeting a first input characteristic or in response to a first input within the second page meeting a second input characteristic;
Controlling the second page to shrink to the third display state in response to a first input satisfying a third input feature within the first page or in response to a first input satisfying a fourth input feature within the second page;
The second page in the first display state and the second display state is in a first display mode, and the second page in the third display state is in a second display mode.
When a first input of a user meeting first input characteristics in a first page is received or when a first input of a user meeting second input characteristics in a second page is received, the second page is controlled to be expanded in response to the first input, so that the second page is switched from a first display state to a second display state. The second page in the first display state and the second page in the second display state are in the first display mode, that is, the second page maintains the first display mode in the initial state and after being extended. The purpose of controlling the second page extension is to enable the user to further know the content in the second page, so that after the second page extension is controlled, the second page is kept to be in the first display mode, and the user can conveniently view the second page. In the process of extending the second page, if the ratio of the area covering the second area to the whole area of the second area is greater than the first preset ratio threshold, the second area is controlled to be updated from the first display mode in the initial state to the second display mode, and at this time, the second page is the content of the key display, so that the second area can be controlled to be weakened for display relative to the second page. The first region maintains the second display style in the initial state.
As shown in fig. 2, the first area of the first page is displayed in a relatively dark color (corresponding to the second display style) in the initial state, the second area of the first page and the second page are highlighted as compared with the first area of the first page (the second area of the first page and the second page correspond to the first display style), and the second page covers a partial area of the first page. When a first input meeting the first input characteristics of the user in the first page is received or a first input meeting the second input characteristics of the user in the second page is received, the second page is controlled to be expanded to be in a second display state shown in fig. 3 in response to the first input, the second page is kept to be in a first display mode, namely, the second page is highlighted, and the second area is controlled to be switched to be in a display mode of dull display because the proportion of the second page covering the second area is overlarge.
When a first input of a user meeting a third input characteristic in the first page is received or when a first input of a user meeting a fourth input characteristic in the second page is received, the second page is controlled to shrink in response to the first input so that the second page is switched from the first display state to the third display state. The second page in the first display state is in the first display mode, and the second page in the third display state is in the second display mode, namely, the second page is in the first display mode in the initial state, and is updated to the second display mode after being switched from the initial state to the third display state. Since the purpose of controlling the second page contraction is to enable the user to know the content in the first page, after controlling the second page contraction, the display style of the second page can be updated to the second display style, so that the user can conveniently view the content in the highlighted first page. After the second page is controlled to shrink, the second region maintains the first display style in the initial state, and the first region is updated from the second display style in the initial state to the first display style.
As shown in fig. 2, in the initial state, the first area of the first page is displayed with a relatively dark color, and the second area of the first page and the second page are highlighted compared with the first area of the first page, and the second page covers a partial area of the first page. When a first input meeting the third input characteristic of the user in the first page is received or a first input meeting the fourth input characteristic of the user in the second page is received, responding to the first input, controlling the second page to shrink to a third display state shown in fig. 4, controlling the second page to update to a second display mode, updating a first area of the first page to the first display mode, and displaying the second page in a relatively dark color mode in fig. 4.
According to the implementation process, the second page is controlled to be expanded into a second display state in response to the first input meeting the first input characteristics in the first page or the first input meeting the second input characteristics in the second page, the second page can be controlled to be expanded in a linkage interaction or direct interaction mode, and the second page is controlled to be contracted into a third display state in response to the first input meeting the third input characteristics in the first page or the first input meeting the fourth input characteristics in the second page, and the second page can be controlled to be contracted in a linkage interaction or direct interaction mode.
In the following, a description will be given of a case where controlling extension of a second page, in response to a first input satisfying a first input feature in the first page or in response to a first input satisfying a second input feature in the second page, includes:
controlling the second page to extend to the second display state in response to a first input sliding to the bottom of the second region within the second region;
Controlling the second page to expand to the second display state in response to a first input within the second page indicating expansion in a first direction;
Wherein the second page in the second display state covers at least a partial area of the first page.
And when a first input of the user sliding to the bottom of the second area in the second area of the first page is received, determining to acquire the first input meeting the first input characteristic, and controlling the second page to extend to a second display state based on the first input. The first input at this time is a sliding input that slides down in the second area and slides to the bottom of the second area, and the second page in the second display state covers at least a part of the area of the first page, that is, the second page in the second display state may cover the whole area of the first page or may cover a part of the area. For the case of covering the entire area of the first page, the second page is displayed full screen at this time. For the case of covering a partial area of the first page, a portion of the second page in the second display state covering the first page is larger than a portion of the second page in the first display state covering the first page. If the proportion of the second page in the second display state to the first page is smaller, the second area may be kept as the first display style, and if the proportion of the second page in the second display state to the first page is larger, the second area may be updated to be the second display style, where the larger and smaller proportion is larger than the second preset proportion threshold, where the larger and smaller proportion is considered to be larger when the larger proportion is larger than the second preset proportion threshold, where the smaller proportion is considered to be smaller when the smaller proportion is smaller than the second preset proportion threshold, where the display style may be switched when the smaller proportion is equal to the second preset proportion threshold, and where the original display style may be kept. The second preset proportional threshold may be equal to the first preset proportional threshold.
Referring to fig. 5, a specific illustration of triggering the second page to extend when the second area slides down and slides to the bottom of the second area is shown in fig. 5, where the second page in the second display state covers a part of the first page, and the second area is kept in the first display mode (the highlighted mode) because the ratio of the part of the second page covering the first page to the whole area of the first page is relatively small.
It should be noted that, for the second page in the second display state, if the second page covers a part of the area of the first page, the user may control the second page to continue to extend, so that the user may view the content in the second page in detail. For example, in the state shown in fig. 5, the user may slide the second page upward, and in response to the user's upward slide operation, the second page is controlled to continue to extend in the top direction.
And when a first input of the user, which indicates extension along the first direction, in the second page is received, determining to acquire the first input meeting the second input characteristic, and controlling the second page to be extended to a second display state based on the first input. The first input at this time may be an up-sliding input in the second page, or may be a pressing input in the second page that satisfies the first pressing force and/or the first pressing duration, or may be a click input that satisfies the first click feature, or may be other types of input. In this embodiment, the first direction is a direction from the bottom to the top of the first page, and the second page in the second display state covers at least a part of the area of the first page.
After the second page is expanded to the second display state, the second page maintains the first display style, the second region can maintain the first display style, and the second region can also be updated to the second display style, and the first region maintains the second display style.
By controlling the second page extension in response to the first input sliding to the bottom of the second area in the second area, the extension of the second page can be triggered based on the linkage relation between the second area and the second page, and by controlling the second page extension in response to the first input indicating the extension along the first direction in the second page, the second page extension can be triggered based on the corresponding form of input in the second page.
In the following, a description will be given of a case of controlling contraction of a second page, the second page being controlled to be contracted to the third display state in response to a first input satisfying a third input characteristic within the first page or in response to a first input satisfying a fourth input characteristic within the second page, including:
Controlling the second page to shrink to the third display state in response to a first input within the first page indicating browsing of display content within the first page;
Controlling the second page to shrink to the third display state in response to a first input within the second page indicating that the second page is shrunk in a second direction;
wherein a portion of the second page in the third display state that covers the first page is smaller than a portion of the second page in the first display state that covers the first page.
When a first input of a user in the first page, which indicates browsing of display content in the first page, is received, the first input meeting the third input characteristic is determined to be acquired, and the second page is controlled to shrink to be in a third display state based on the first input. The first input at this time may be an input in the first area or the second area, such as an input of selecting a certain option in the first area or the second area, a press input to a certain area, or the like.
And when a first input of the user in the second page, which indicates to shrink along the second direction, is received, determining to acquire the first input meeting the fourth input characteristic, and controlling the second page to shrink to a third display state based on the first input. The first input at this time may be a downward sliding input in the second page, or may be a pressing input in the second page that satisfies the second pressing force and/or the second pressing duration, or may be a clicking input that satisfies the second clicking feature, or may be other types of input. The second direction in this embodiment is the direction from the top to the bottom of the first page. After the second page is controlled to shrink to the third display state, the part of the second page in the third display state, which covers the first page, is smaller than the part of the second page in the first display state, which covers the first page, so that more contents in the first page are displayed.
After the second page is controlled to shrink to the third display state, the second page is updated from the first display mode in the initial state to the second display mode, the first area in the first page is updated from the second display mode in the initial state to the first display mode, and the second area keeps the first display mode in the initial state.
The implementation process can trigger the contraction of the second page based on the linkage relation between the first page and the second page by controlling the contraction of the second page in response to the first input indicating the browsing of the display content in the first page, and can trigger the contraction of the second page based on the input in the corresponding form in the second page by controlling the contraction of the second page in response to the first input indicating the contraction in the second direction in the second page.
According to the overall implementation process of the page information display method provided by the embodiment of the application, the first page and the second page are displayed in a cascading mode, the first-level content and the second-level content are displayed on the first page, the third-level content is displayed on the second page, the simultaneous display of three-level information can be realized based on page superposition, the upper limit of the loadable content of a single page is improved, convenience is brought to a user in browsing the contents of all levels, the conversion rate of the three-level content can be improved at the same time, when the first input of the user in a target page is received, the second page is controlled to extend or shrink, the display state of the second page can be adjusted, and the user can conveniently conduct page adjustment based on requirements.
Further, by displaying the second region and the second page of the first page in the first display style and displaying the first region of the first page in the second display style, it is possible to control the second page and the second region to be displayed in different display styles in the initial state compared with the first region, so that the user can distinguish different levels of content based on the display styles.
Controlling the second page to be expanded into the second display state may be accomplished based on the coordinated interaction or the direct interaction in response to the first input satisfying the first input characteristic in the first page or the first input satisfying the second input characteristic in the second page, and controlling the second page to be contracted into the third display state may be accomplished based on the coordinated interaction or the direct interaction in response to the first input satisfying the third input characteristic in the first page or the first input satisfying the fourth input characteristic in the second page.
An embodiment of the present application provides a page information display device, as shown in fig. 6, including:
A display module 601, configured to display a target page including a first page and a second page displayed in a cascading style, where the second page is in a first display state, and in the first display state, the second page covers a partial area of the first page, the first page includes a first hierarchical content displayed in the first area and a second hierarchical content displayed in the second area, and the second page includes a third hierarchical content, where the first hierarchical content, the second hierarchical content, and the third hierarchical content form a content hierarchical association and the corresponding hierarchical level sequentially decreases;
A first control module 602, configured to control the second page to extend to a second display state or shrink to a third display state in response to a first input in the target page;
The target page is a page capable of bearing a plurality of levels of content in the target application program.
Optionally, the display module includes:
the first display sub-module is used for displaying a first page corresponding to a first display style and a second display style, wherein the first area is the second display style, and the second area is the first display style;
the second display sub-module is used for displaying a second page which covers a partial area of the first page and corresponds to the first display style;
The first area and the second area are arranged left and right on the first page, and the second page in the first display state covers part of the first area and part of the second area.
Optionally, the apparatus further comprises:
and the second control module is used for responding to the second input and controlling the updating of the first area to the first display mode and the updating of the second page to the second display mode under the condition that the second input in the first area is received.
Optionally, the first control module includes:
A first control sub-module for controlling the second page to be expanded to the second display state in response to a first input satisfying a first input feature within the first page or in response to a first input satisfying a second input feature within the second page;
A second control sub-module for controlling the second page to shrink to the third display state in response to a first input satisfying a third input feature within the first page or in response to a first input satisfying a fourth input feature within the second page;
The second page in the first display state and the second display state is in a first display mode, and the second page in the third display state is in a second display mode.
Optionally, the first control submodule includes:
a first control unit for controlling the second page to be expanded to the second display state in response to a first input sliding to the bottom of the second region in the second region;
a second control unit for controlling the second page to be expanded into the second display state in response to a first input indicating expansion in a first direction within the second page;
Wherein the second page in the second display state covers at least a partial area of the first page.
Optionally, the second control submodule includes:
A third control unit configured to control the second page to shrink to the third display state in response to a first input in the first page indicating browsing of display content in the first page;
A fourth control unit configured to control the second page to shrink to the third display state in response to a first input indicating that the second page is shrunk in a second direction;
wherein a portion of the second page in the third display state that covers the first page is smaller than a portion of the second page in the first display state that covers the first page.
For the device embodiments, since they are substantially similar to the method embodiments, the description is relatively simple, and reference is made to the description of the method embodiments for relevant points.
The embodiment of the application also provides electronic equipment, which comprises a processor, a memory and a computer program stored in the memory and capable of running on the processor, wherein the computer program realizes the processes of the page information display method embodiment when being executed by the processor, and can achieve the same technical effect, and the repetition is avoided, so that the description is omitted.
For example, fig. 7 shows a schematic diagram of the physical structure of an electronic device. As shown in FIG. 7, the electronic device may include a processor (processor) 710, a communication interface (Communications Interface) 720, a memory (memory) 730, and a communication bus 740, wherein the processor 710, the communication interface 720, and the memory 730 communicate with each other via the communication bus 740. The processor 710 may invoke logic instructions in the memory 730 for displaying a target page comprising a first page and a second page displayed in a cascading style, the second page being in a first display state in which the second page covers a partial area of the first page, the first page comprising a first hierarchical content displayed in the first area and a second hierarchical content displayed in the second area, the second page comprising a third hierarchical content, the first hierarchical content, the second hierarchical content, the third hierarchical content forming a hierarchical association of content and corresponding hierarchical levels decreasing in sequence, and controlling the second page to extend to a second display state or shrink to a third display state in response to a first input within the target page, wherein the target page is a page in which a plurality of hierarchical content may be carried in a target application. Processor 710 may also perform other aspects of embodiments of the present application, which are not further described herein.
Further, the logic instructions in the memory 730 described above may be implemented in the form of software functional units and may be stored in a computer readable storage medium when sold or used as a stand alone product. Based on this understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, comprising several instructions for causing a computer device (which may be a personal computer, a server, a network device, etc.) to perform all or part of the steps of the method according to the embodiments of the present application.
The embodiment of the application also provides a computer readable storage medium, on which a computer program is stored, which when executed by a processor, realizes the processes of the above page information display method embodiment, and can achieve the same technical effects, and in order to avoid repetition, the description is omitted here. The computer readable storage medium is, for example, a Read-Only Memory (ROM), a random access Memory (Random Access Memory RAM), a magnetic disk or an optical disk.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
From the above description of the embodiments, it will be clear to those skilled in the art that the above-described embodiment method may be implemented by means of software plus a necessary general hardware platform, but of course may also be implemented by means of hardware, but in many cases the former is a preferred embodiment. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art in the form of a software product stored in a storage medium (e.g. ROM/RAM, magnetic disk, optical disk) comprising instructions for causing a terminal (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) to perform the method according to the embodiments of the present application.
The embodiments of the present application have been described above with reference to the accompanying drawings, but the present application is not limited to the above-described embodiments, which are merely illustrative and not restrictive, and many forms may be made by those having ordinary skill in the art without departing from the spirit of the present application and the scope of the claims, which are to be protected by the present application.
Those of ordinary skill in the art will appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, or combinations of computer software and electronic hardware. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.
It will be clear to those skilled in the art that, for convenience and brevity of description, specific working procedures of the above-described systems, apparatuses and units may refer to corresponding procedures in the foregoing method embodiments, and are not repeated herein.
In the embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other manners. For example, the apparatus embodiments described above are merely illustrative, e.g., the division of the units is merely a logical function division, and there may be additional divisions when actually implemented, e.g., multiple units or components may be combined or integrated into another system, or some features may be omitted or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be an indirect coupling or communication connection via some interfaces, devices or units, which may be in electrical, mechanical or other form.
The units described as separate units may or may not be physically separate, and units shown as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
In addition, each functional unit in the embodiments of the present application may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit.
The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, comprising several instructions for causing a computer device (which may be a personal computer, a server, a network device, etc.) to perform all or part of the steps of the method according to the embodiments of the present application. The storage medium includes various media capable of storing program codes such as a U disk, a mobile hard disk, a ROM, a RAM, a magnetic disk or an optical disk.
The foregoing is merely illustrative of the present application, and the present application is not limited thereto, and any person skilled in the art will readily recognize that variations or substitutions are within the scope of the present application. Therefore, the protection scope of the application is subject to the protection scope of the claims.

Claims (10)

Displaying a target page comprising a first page and a second page which are displayed in a cascading style, wherein the second page is in a first display state, in the first display state, the second page covers a partial area of the first page, the first page comprises a first level content displayed in a first area and a second level content displayed in a second area, the second page comprises a third level content, the first area and the second area are in a left-right layout style in the first page, the first area of the first page corresponds to a second display style, the second area of the first page corresponds to a first display style, and the first level content, the second level content and the third level content form content level association and the corresponding level levels are sequentially reduced;
the display module is used for displaying a target page comprising a first page and a second page which are displayed in a cascading style, wherein the second page is in a first display state, in the first display state, the second page covers a part of area of the first page, the first page comprises a first level content displayed in a first area and a second level content displayed in a second area, the second page comprises a third level content, the first area and the second area are in a left-right layout style on the first page, the first area of the first page corresponds to a second display style, the second area of the first page corresponds to the first display style, the first level content, the second level content and the third level content form content level association, and the corresponding level levels are sequentially reduced;
CN202210454231.4A2022-04-272022-04-27Page information display method and device, electronic equipment and storage mediumActiveCN114840161B (en)

Priority Applications (1)

Application NumberPriority DateFiling DateTitle
CN202210454231.4ACN114840161B (en)2022-04-272022-04-27Page information display method and device, electronic equipment and storage medium

Applications Claiming Priority (1)

Application NumberPriority DateFiling DateTitle
CN202210454231.4ACN114840161B (en)2022-04-272022-04-27Page information display method and device, electronic equipment and storage medium

Publications (2)

Publication NumberPublication Date
CN114840161A CN114840161A (en)2022-08-02
CN114840161Btrue CN114840161B (en)2025-08-01

Family

ID=82568608

Family Applications (1)

Application NumberTitlePriority DateFiling Date
CN202210454231.4AActiveCN114840161B (en)2022-04-272022-04-27Page information display method and device, electronic equipment and storage medium

Country Status (1)

CountryLink
CN (1)CN114840161B (en)

Citations (3)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN112149025A (en)*2020-10-192020-12-29腾讯科技(深圳)有限公司Media resource display method and device, storage medium and electronic equipment
CN113961065A (en)*2021-09-182022-01-21北京城市网邻信息技术有限公司Navigation page display method and device, electronic equipment and storage medium
CN114168036A (en)*2021-11-292022-03-11北京五八信息技术有限公司Information display method and device, electronic equipment and storage medium

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN107515907B (en)*2017-08-102018-12-21北京海泰方圆科技股份有限公司The display methods and device of browser page
CN110221734B (en)*2018-03-012022-05-13华为技术有限公司Information display method, graphical user interface and terminal

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN112149025A (en)*2020-10-192020-12-29腾讯科技(深圳)有限公司Media resource display method and device, storage medium and electronic equipment
CN113961065A (en)*2021-09-182022-01-21北京城市网邻信息技术有限公司Navigation page display method and device, electronic equipment and storage medium
CN114168036A (en)*2021-11-292022-03-11北京五八信息技术有限公司Information display method and device, electronic equipment and storage medium

Also Published As

Publication numberPublication date
CN114840161A (en)2022-08-02

Similar Documents

PublicationPublication DateTitle
US7770130B1 (en)Non-distracting temporary visual clues for scrolling
US20110145688A1 (en)Apparatus and method for providing bookmark service in communication terminal
US20180059924A1 (en)Method and mobile communication terminal for changing a configuration of a screen displaying function items
US20080141166A1 (en)Using images in alternative navigation
CN105912215A (en)Application switching method and mobile terminal
US20120005607A1 (en)Floating window
CN112149025B (en)Media resource display method and device, storage medium and electronic equipment
EP3035176B1 (en)Apparatus and method for enlarging an image and controlling the enlarged image in a mobile communication terminal
WO2006126047A1 (en)Improved graphical user interface for mobile communications terminal
CN104462496B (en)searching method, device and mobile terminal
CN102884497A (en)One step selection of disabled options
CN105867727A (en)Display method and device of multiple application interfaces
US12072945B2 (en)Visual search refinement
US20040135823A1 (en)User input device
US7331020B2 (en)Method of representing a tree database and storage medium for same
CN114840161B (en)Page information display method and device, electronic equipment and storage medium
CN114168036B (en)Information display method and device, electronic equipment and storage medium
CN109543168A (en)House property poster to participator's information adding method, server and storage medium
JP6724981B2 (en) Display device
DE102007059695A1 (en) Terminal and method for displaying content therein
WO2018132709A1 (en)A method of navigating panels of displayed content
CN104216750A (en)Mobile terminal and method and device for quickly starting application of mobile terminal
CN106610806B (en)Page information display method and device
CN114201085A (en)Information display method and device, electronic equipment and storage medium
JPWO2020161918A1 (en) Tree information providing device and tree information providing program product

Legal Events

DateCodeTitleDescription
PB01Publication
PB01Publication
SE01Entry into force of request for substantive examination
SE01Entry into force of request for substantive examination
TA01Transfer of patent application right

Effective date of registration:20220913

Address after:Room 123, 1st Floor, 1st Floor, Building 105, Building 105, No. 10, Jiuxianqiao North Road, Chaoyang District, Beijing 100015

Applicant after:58 Chang Life (Beijing) Information Technology Co.,Ltd.

Address before:Room 301, 3 / F, College Park, Dongsheng science and Technology Park, Zhongguancun, No.A, Xueqing Road, Haidian District, Beijing 100083

Applicant before:BEIJING 58 INFORMATION TECHNOLOGY Co.,Ltd.

TA01Transfer of patent application right
GR01Patent grant
GR01Patent grant

[8]ページ先頭

©2009-2025 Movatter.jp