Methods, devices, equipment and storage media for displaying page information and advertising images

Abstract

This application provides a method, apparatus, device, and storage medium for displaying page information and advertising images. In this application embodiment, a nested list is used to implement the page. First list objects (e.g., advertising slots) that carry first page content (e.g., advertising images) are placed in sub-lists of the nested list. The first list objects are set to have different sizes in the first screen direction, and these different sizes are combined with swiping operations in the first screen direction. This allows for scaling of the first list objects through swiping, which helps to display more first page content and increases its exposure. Furthermore, adding dynamic interactive functionality to the first list objects enhances the user experience, attracting more users to click on them and increasing their click-through rate.

Description

Technical Field

[0001] This application relates to the field of Internet technology, and in particular to a method, apparatus, device and storage medium for displaying page information and advertising images. Background Technology

[0002] In many internet applications, some pages have a designated area for displaying advertising information; this area is called an ad space or a banner. With the development of rich media, banners have evolved from using traditional GIF image files to rich media banners, which gives them greater expressiveness and interactive content.

[0003] With the development of rich media banners, more and more internet applications are adopting them. Therefore, some internet applications support switching between ad content via carousel and manual horizontal swiping in their banner areas, or support vertical swiping to zoom in on the ad images displayed in the banner area. However, even so, the click-through rate of banner areas is generally still low. Summary of the Invention

[0004] This application provides a method, apparatus, device, and storage medium for displaying page information and advertising images, in order to solve the problem of generally low click-through rates in banner areas in the prior art, thereby increasing the click-through rate of banner areas and improving the user experience.

[0005] One embodiment of this application provides a page information display method, including: displaying a first page based on a nested list, wherein the first page displays a first list object for carrying the content of the first page, the first list object being a sub-list in the nested list and having different size specifications in a first screen direction; responding to a first swipe operation in the first screen direction, swiping to display the page content in the sub-list along the first swipe direction, and dynamically changing the first list object from a current first size specification to a second size specification; wherein, the first swipe direction is the swipe direction of the first swipe operation in the first screen direction, and the display state of the first page content of the first list object is different under different size specifications.

[0006] Another embodiment of this application also provides a method for displaying advertising images, including: displaying a first page based on a nested list, the first page displaying an advertising space for carrying an advertising image, the advertising space belonging to a sub-list of the nested list, and the advertising space having a first size specification and a second size specification in the vertical direction; in response to a vertically upward sliding operation, if the sub-list can continue to slide in the vertically upward direction, sliding along the vertically upward direction to display page content in the sub-list, and dynamically changing the advertising space from the first size specification to the second size specification; wherein, the display state of the advertising image is different under different size specifications, and the first size specification is smaller than the second size specification.

[0007] Another embodiment of this application provides a page information display device, including: a first display module for displaying a first page based on a nested list, wherein the first page displays a first list object for carrying the content of the first page, the first list object being a sub-list in the nested list and having different size specifications in a first screen direction; and a second display module for responding to a first sliding operation in the first screen direction, sliding along the first sliding direction to display the page content in the sub-list, and dynamically changing the first list object from the current first size specification to a second size specification; wherein the first sliding direction is the sliding direction of the first sliding operation in the first screen direction, and the display state of the first page content of the first list object is different under different size specifications.

[0008] Another embodiment of this application provides an advertising image display device, comprising: a first display module for displaying a first page based on a nested list, wherein the first page displays an advertising space for carrying an advertising image, the advertising space belonging to a sub-list of the nested list, and the advertising space having a first size specification and a second size specification in the vertical direction; and a second display module for responding to a vertically upward sliding operation, wherein if the sub-list can continue to slide in the vertically upward direction, the page content in the sub-list is displayed along the vertically upward direction, and the advertising space is dynamically changed from the first size specification to the second size specification; wherein the display state of the advertising image is different under different size specifications, and the first size specification is smaller than the second size specification.

[0009] Another embodiment of this application provides an electronic device, including: a memory and a processor; the memory is used to store a computer program, and the processor is coupled to the memory and used to execute the computer program to perform the steps in the method described above.

[0010] Another embodiment of this application provides a computer-readable storage medium storing a computer program, which, when executed by a processor, enables the processor to perform the steps in the methods described above.

[0011] In this embodiment, a nested list is used to implement the page. The first list object (e.g., an ad slot) used to carry the content of the first page (e.g., an ad image) is placed in a sub-list of the nested list. The first list object is set to have different sizes in the first screen direction, and the different sizes are combined with the swiping operation in the first screen direction. In this way, the first list object can be scaled up and down through the swiping operation in the first screen direction. The scaling up and down display of the first list object helps to display more of the first page content and increase the exposure of the first page content. In addition, the addition of dynamic interactive functions to the first list object can enhance the user experience and help attract more users to click on the first list object, thereby increasing the click-through rate of the first list object. Attached Figure Description

[0012] The accompanying drawings, which are included to provide a further understanding of this application and form part of this application, illustrate exemplary embodiments and are used to explain this application, but do not constitute an undue limitation of this application. In the drawings:

[0013] Figure 1a A flowchart illustrating a page information display method provided for an exemplary embodiment of this application;

[0014] Figure 1b A schematic diagram illustrating the scaling of a sublist provided for an exemplary embodiment of this application;

[0015] Figure 2a A flowchart illustrating an exemplary embodiment of this application for displaying an advertising page;

[0016] Figures 2b-2f A schematic diagram illustrating the sliding display of an advertising page as provided in an exemplary embodiment of this application;

[0017] Figure 3 A schematic diagram of the structure of a page information display device provided in an exemplary embodiment of this application;

[0018] Figure 4 A schematic diagram of the structure of an advertising page display device provided in an exemplary embodiment of this application;

[0019] Figure 5 A schematic diagram of the structure of an electronic device provided as another exemplary embodiment of this application. Detailed Implementation

[0020] To make the objectives, technical solutions, and advantages of this application clearer, the technical solutions of this application will be clearly and completely described below in conjunction with specific embodiments and corresponding drawings. Obviously, the described embodiments are only a part of the embodiments of this application, and not all of them. Based on the embodiments in this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0021] To address the issue of generally low click-through rates in existing banner areas, this embodiment provides a method for implementing pages using nested lists. A first list object (e.g., an ad slot) used to carry the first page content (e.g., an ad image) is placed within a sub-list of the nested list. The first list object is set to have different size specifications in the first screen direction, and these different size specifications are combined with swiping operations in the first screen direction.

[0022] In this way, the first list object can be zoomed in and out by swiping in the first screen direction. This zooming allows for the display of more content on the first page, increasing its exposure. In addition, adding dynamic interactive features to the first list object can enhance the user experience, attract more users to click on the first list object, and increase its click-through rate.

[0023] The technical solutions provided by the various embodiments of this application are described in detail below with reference to the accompanying drawings.

[0024] Figure 1a This is a flowchart illustrating a page information display method provided for an exemplary embodiment of this application. Figure 1a As shown, the method includes:

[0025] 101. Display the first page based on nested lists. The first page displays a first list object to carry the content of the first page. The first list object is a sub-list in the nested list and has different size specifications in the first screen direction.

[0026] 102. In response to a first swipe operation in the first screen direction, slide along the first swipe direction to display page content in the sub-list, and dynamically change the first list object from the current first size specification to the second size specification;

[0027] Here, the first swipe direction is the swipe direction of the first swipe operation on the first screen direction, and the display state of the first list object on the first page content is different under different size specifications.

[0028] In this embodiment, the terminal device's display screen can show the application's page. To allow users to fully understand the page's content categories and quickly locate the category they need, the page content can be displayed as a list page. The list page can be understood as a container holding multiple information entry points, or as an intermediate page connecting the navigation page and the details page, used to display multiple information categories. Each information category displayed on the list page shows a portion of the information of the same type, facilitating quick browsing and filtering to the target information, thereby achieving the goal of quickly converting the target information into all information associated with it. The terminal device can be any smart device capable of installing applications (such as apps, mini-programs, or clients) and possessing a display screen and interactive functions. For example, the terminal device can be a smart handheld device, such as a smartphone or tablet; a desktop device, such as a laptop or desktop computer; a smart wearable device, such as a smartwatch or smart bracelet; or various smart home appliances with display screens, such as smart TVs, smart large screens, or smart robots. The application can be a standalone app or a mini-program that depends on a standalone app to run.

[0029] In other words, in this embodiment, the pages provided by the application may include, but are not limited to, list pages. Furthermore, these list pages may include list pages implemented based on single-level lists, or list pages implemented based on nested lists. In this embodiment, a list page implemented based on nested lists will be described. For ease of description and distinction, the list page implemented based on nested lists will be referred to as the first page; that is, the first page is an aggregate page that gathers several contents along a certain dimension. The nested list in this embodiment may include a parent list and a child list, where the child list is nested within the parent list. The nested list can be displayed in any way; for example, it can be displayed as cells. A nested list may include multiple cells, each with a fixed specification, such as a fixed height. The child list can be nested within the parent list as a fixed-specification cell, or it can occupy multiple cells of the parent list, i.e., occupy the specifications of multiple cells, or it can be nested within the parent list as a list itself. Each cell displays its corresponding content. Therefore, a unique identifier can be set for each cell, and the content to be displayed in that cell can be found through the unique identifier.

[0030] In this embodiment, a first list object is displayed on the first page to carry the content of the first page. The first list object is a sub-list within a nested list, and the first list object has different sizes in the first screen direction. The first list object refers to the interface element that carries the content of the first page, corresponding to a portion of the display area on the first page. In this embodiment, the content of the first page is not limited and can be any interface element that can be displayed on the page. Optionally, from the perspective of content, the content of the first page can be advertising information, product information, comment information, Q&A information, etc.; from the perspective of content format, the content of the first page can be images, text, controls, links, animations, or short videos, etc.

[0031] In this embodiment, the screen orientation is divided into two directions: vertical and horizontal. Correspondingly, the first list object has different dimensions in a certain screen direction. Depending on the display requirements of the first list object, it can have different dimensions in the vertical direction or in the horizontal direction. For ease of distinction and description, the two screen directions are referred to as the first screen direction and the second screen direction. Optionally, the first screen direction is vertical and the second screen direction is horizontal; or, the first screen direction is horizontal and the second screen direction is vertical. In this embodiment, the specific orientation of the first screen direction and the second screen direction is not limited, as long as they are distinguished. In this embodiment, the first screen direction is used as an example, and the first list object having different dimensions in the first screen direction is used for explanation. If the first screen direction is vertical, it means that the first list object has different dimensions in the vertical direction, and this vertical dimension can be called the height, meaning the first list object has different heights, for example, at least two heights. If the first screen direction is horizontal, it means that the first list object has different dimensions in the horizontal direction, and this horizontal dimension can be called the width, meaning the first list object has different widths, for example, at least two widths. In this embodiment, the number of size specifications that the first list object has in the first screen direction is not limited. For example, it may be at least two size specifications, and preferably, it may be two size specifications.

[0032] Furthermore, in this embodiment, the different size specifications of the first list objects in the first screen direction are combined with the swiping operation in the first screen direction. Thus, the scaling display of the first list objects can be achieved through the swiping operation in the first screen direction. Specifically, when a first object list is displayed on the first page, and the first page content is displayed in the first object list, if the user performs a first swipe operation along the first screen direction, in response to the user's first swipe operation, the page content in the sub-list is displayed along the swiping direction of the first swipe operation in the first screen direction. For example, with the first swipe operation, part of the page content currently displayed on the screen may slide off the screen in the first screen direction, while part of the page content not displayed on the screen will be displayed on the screen. It should be noted that during this swiping process, the first list objects are always displayed on the screen, and during this swiping display process, the first list objects will also change from the current first size specification to the second size specification. For ease of description and distinction, the swiping direction of the first swipe operation in the first screen direction is referred to as the first swiping direction.

[0033] The first size specification and the second size specification can be any two adjacent sizes among the various sizes that the first list object has in the first screen direction. Optionally, if the first list object has only two sizes in the first screen direction, then the first size specification and the second size specification are those two sizes. The first size specification and the second size specification are not the same; one is a large size specification and the other is a small size specification, but the size relationship between these two sizes is not limited. Optionally, the first size specification can be a small size specification, and the second size specification can be a large size specification, allowing the first list object to change from a small size specification to a large size specification along the first sliding direction; or, the first size specification can be a large size specification, and the second size specification can be a small size specification, allowing the first list object to change from a large size specification to a small size specification along the first sliding direction. The display state of the first page content differs depending on the size specification of the first list object. In this embodiment, the display state refers to the amount of content displayed on the first page when the first list object is in different size specifications. The amount of content displayed on the first page is related to its size specifications. When the first list object is in a small size specification, less content is displayed on the first page. Conversely, when the first list object is in a large size specification, more content is displayed on the first page. However, it should be noted that in this embodiment, it is the first list object that is scaled, while the content on the first page itself is not scaled.

[0034] As the user performs their first swipe in the first screen direction, the size of the first list object in that direction increases or decreases accordingly. When the size of the first list object increases, more content from the first page is displayed; when the size decreases, less content is displayed. If the first list object has three or more sizes in the first screen direction, it will continue to respond to the user's first swipe, displaying more content from the sub-list along that direction and changing its size from a second to a third size. The relationship between the second and third sizes is similar to that between the first and second sizes, and will not be elaborated upon. During the entire first swipe, some content already displayed in the sub-list will slide off the screen, while some content not currently displayed will slide onto the screen.

[0035] It's important to note that there are two distinct, opposite swipe directions within the same screen orientation. For clarity and ease of description, we can refer to the two swipe directions of the first swipe operation within the first screen orientation as the first swipe direction and its opposite direction. Taking the first screen orientation as vertical as an example, the first swipe direction could be vertically upward, and its opposite direction vertically downward, or vice versa. Regardless of the first swipe direction, the size of the first list object will change from its currently displayed size to another size. The correspondence between the first swipe direction and the size change can be flexibly determined based on application requirements.

[0036] For example, taking a screen orientation that is vertical and a swipe direction that is vertically upward as the first swipe, the page content in the sublist is displayed along the vertically upward direction as the screen is swiped, and the first list object changes from a small size (i.e., the first size) to a large size (i.e., the second size) during this swipe display. Conversely, when swiping in the opposite direction of the first swipe direction, i.e., vertically downward, the page content in the sublist is displayed along the vertically upward direction, and the first list object changes from a large size (i.e., the first size) to a small size (i.e., the second size) during this swipe display. The same applies when the first swipe direction is reversed.

[0037] For example, assuming the first screen orientation is horizontal and the first swipe direction is horizontal to the left, as the screen swipes horizontally to the left, the page content in the sub-list is displayed along this direction, and during this swipe, the first list object changes from a small size (i.e., the first size) to a large size (i.e., the second size). Conversely, when swiping in the opposite direction, i.e., horizontally to the right, the page content in the sub-list is displayed along this direction, and during this swipe, the first list object changes from a large size (i.e., the first size) to a small size (i.e., the second size). The same applies when the first swipe direction is reversed.

[0038] Optionally, the parent list and child list can respond to the swipe operation with different priorities. The list with higher priority will respond to the first swipe operation first. To ensure that users see the complete page content in the child list first, the swipe priority of the child list can be set higher than that of the parent list. Therefore, before displaying the page content in the child list along the first swipe direction, regardless of the direction of the swipe operation, it can be determined whether there is still page content in the child list that has not appeared on the screen in the first swipe direction, based on the swipe distance and / or number of times of the first swipe operation. Determining whether there is still page content in the child list that has not appeared on the screen in the first swipe direction can be understood as whether the first list object has been swiped to the bottom in the first swipe direction. If there is still page content in the child list that has not appeared on the screen in the first swipe direction, that is, it has not been swiped to the bottom, meaning that the child list can continue to be displayed along the first swipe direction, then the operation of displaying the page content in the child list along the first swipe direction is executed.

[0039] In this process, by combining the sliding distance and / or number of times of the first sliding operation, it is determined whether the sublist contains page content that is not displayed on the screen in the first sliding direction. Several specific implementation methods are as follows:

[0040] In one implementation, the size of the page content already displayed in the sublist can be determined based on the sliding distance of the first sliding operation, combined with a pre-maintained mapping relationship between the sliding distance of the sliding operation and the size of the page content displayed in the sublist in the sliding direction. It is then determined whether the size of the page content already displayed in the sublist is equal to the maximum page size of all page content in the sublist in the first sliding direction. If not, then the sublist still has page content that is not displayed on the screen in the first sliding direction; otherwise, if so, then the sublist no longer has any page content that is not displayed on the screen in the first sliding direction. In this implementation, different sliding operations correspond to different sliding distances, and the size of the page content displayed in the sliding direction varies depending on the sliding distance.

[0041] In another implementation, the size of the page content already displayed in the sublist can be determined based on the number of first swipe operations and the recorded mapping between the number of first swipe operations and the size of the page content displayed in the sublist in the swipe direction. It is then determined whether the size of the page content already displayed in the sublist is equal to the maximum page size of all page content in the sublist in the first swipe direction. If not, then there is still page content in the sublist that is not displayed on the screen in the first swipe direction; otherwise, if so, then there is no longer any page content in the sublist that is not displayed on the screen in the first swipe direction. In this implementation, the size of the page content displayed in the swipe direction varies depending on the number of swipes; the more swipes, the larger the size of the page content displayed in the swipe direction.

[0042] In another optional embodiment, the size of the page content that has been slid and displayed in the sublist can be determined based on the sliding distance and number of the first sliding operation, combined with the pre-recorded mapping relationship between the sliding distance and number of the sliding operation and the size of the page content in the sublist displayed in the sliding direction; it is then determined whether the size of the page content that has been slid and displayed in the sublist is equal to the maximum page size of all page content in the sublist in the first sliding direction. If not, then there are still page contents in the sublist that have not appeared on the screen in the first sliding direction; otherwise, if so, then there are no page contents in the sublist that have not appeared on the screen in the first sliding direction.

[0043] Furthermore, if the sublist no longer contains any page content not displayed on the screen in the first swiping direction, the page content of the parent list in the nested list can be displayed by swiping along the first swiping direction. The parent list contains at least the sublist and may also contain other list objects besides the sublist. These other list objects may include, but are not limited to, at least one of: cards, navigation bars, and search boxes. Correspondingly, the sublist may contain other list objects besides the first list object, and there are no limitations on the implementation form of the first list object and other list objects. For example, the first list object may be a card, navigation bar, or search box that supports multiple sizes in the first screen direction, or it may be an advertisement (banner). Correspondingly, the other list objects in the sublist may include, but are not limited to, at least one of: cards, navigation bars, and search boxes.

[0044] In this embodiment, since the first list object is implemented based on sub-lists, in order to scale the first list object according to its different size specifications in the first screen direction, during the implementation of the first page based on nested lists, it is also necessary to set a first size of the sub-lists in the first screen direction. This first size is smaller than a second size, and the second size is the sum of the maximum size of the first list object in the first screen direction and the sizes of other list objects in the sub-lists used to carry other page content in the first screen direction. In other words, the first list object is scaled based on the difference between the first and second sizes of the sub-lists. Figure 1b As shown, taking the first screen direction as vertical as an example, the left side shows the correspondence between the sliding distance of the sliding operation on the screen and the size of the sublist in the first screen direction in the traditional solution, that is, there is a linear relationship between the two; while the right side shows the correspondence between the sliding distance of the sliding operation on the screen and the size of the sublist in the first screen direction in the solution of this embodiment, that is, there is no longer a linear relationship between the two, and the broken line part corresponds to the difference between the first size and the second size of the sublist, that is, the part of the size that realizes the scaling display of the first list object.

[0045] One specific implementation of setting the first size of the sublist in the first screen direction is as follows: The first size of the sublist in the first screen direction is set based on the first difference between the maximum and minimum size specifications of the first list object in the first screen direction; the first size is the second difference between the second size and the first difference. (Continued from...) Figure 1b The vertical line segment displayed on the right corresponds to the second difference, and the scaling display of the first list object is achieved based on this second difference.

[0046] In this embodiment, in response to the user's first swipe operation, the first list object may be in an intermediate size between the first and second sizes. However, the first list object in the intermediate size is not in a stable state. To ensure that the first list object can transition to a stable state regardless of whether it changes from a small size to a large size or vice versa, a specific implementation method is as follows: In response to the first swipe operation in the first screen direction, the page content in the sub-list is displayed by swiping along the first swipe direction, and the first list object is dynamically changed from the current first size to the second size. The implementation is as follows: In response to the first swipe operation in the first screen direction, a first swipe distance corresponding to the page content in the sub-list is determined based on the swipe distance of the first swipe operation. If the first swipe distance is less than the minimum distance required for the first list object to change from the first size to the second size, the page content in the sub-list is controlled to swipe at least the minimum distance along the first swipe direction, so that the first list object is dynamically changed from the current first size to the second size during the swipe display process. There is a certain correspondence between the swipe distance of the swipe operation and the swipe distance corresponding to the page content. Based on this correspondence, the first swipe distance corresponding to the page content in the sub-list can be determined according to the swipe distance of the first swipe operation.

[0047] In cases where the first size specification is smaller than the second size specification, the page information display method provided in this application embodiment also includes related operations in the following dimensions, which will be described in detail below.

[0048] When the first size is smaller than the second size, and the first list object is at the second size, different first page contents within the first list object can be displayed in a carousel or swiped display in the second screen direction, which differs from the first screen direction. Carousel display refers to automatically changing the first page content at set time intervals in the second screen direction. If the second screen direction is horizontal, the first page content can be displayed automatically from left to right or from right to left. Swiping display refers to responding to a second swipe operation in the second screen direction, displaying different first page content along the second swipe direction within the first list object. Similarly, if the second screen direction is horizontal, the swiping display of different first page content can be from left to right or from right to left. In this embodiment, when the first list object is at a large size in the first screen direction, it can support carousel or swiping display of different first page content in the other screen direction, allowing users to view more different first page content, increasing the exposure of the first list object's content, and increasing user click-through rates.

[0049] Optionally, the specifications supported by different first page content in the first screen direction may differ. For example, some first page content may only support the first size specification, while others may support both the first and second size specifications, or even other size specifications larger than the second size specification, or size specifications between the first and second size specifications. In this case, if the size specification of the first list object is the second size specification, rotating or sliding the first page content smaller than the second size specification in the first list object would waste display resources, have an unattractive display effect, and result in a poor user experience. Therefore, to improve the utilization of display resources and enhance the display effect and user experience, the rotation or sliding display can be performed only on the first page content with a size specification not smaller than the second size specification. Optionally, a specific implementation method for rotating or sliding the different first page content in the first list object in the second screen direction is as follows: Select multiple target page contents with a size specification not smaller than the second size specification in the first screen direction from multiple first page contents in the first list object; and rotate or slide the multiple target page contents in the first list object in the second screen direction. One preferred approach is that, for any first page content, either only the first size specification is supported in the first screen direction, or both the first size specification and the second size specification are supported in the first screen direction. In this case, multiple target page contents with a size specification equal to the second size specification in the first screen direction can be selected from multiple first page contents in the first list object, and multiple target objects in the first list can be displayed in turn or slidably on the second screen.

[0050] It should be noted that when the first list size is within the first size specification, regardless of whether the multiple first page contents within the first list object support the second size specification, as long as the multiple first page contents support the first size rule, they can be displayed in rotation or swiped within the first list object at the first size specification. In other words, even when the first list object is at a smaller size specification in the first screen direction, it still supports rotating or swiping different first page contents in the other screen direction.

[0051] The specific implementation of the above-mentioned method for displaying multiple target page contents in the first list object by sliding in the second screen direction is as follows: In response to the second sliding operation in the second screen direction, the multiple target page contents in the first list object are switched and displayed along the second sliding direction; wherein, the second sliding direction is the sliding direction of the second sliding operation in the second screen direction. This embodiment does not limit the direction of the second sliding operation. When the second screen direction is horizontal, the second sliding operation can be a sliding from left to right or a sliding from right to left; similarly, when the second screen direction is vertical, the second sliding operation can be a sliding from top to bottom or a sliding from bottom to top.

[0052] Optionally, when a user performs a swipe operation on the screen, the resulting swipe trajectory may not be completely along the first screen direction or the second screen direction, and may also have a certain error angle compared to the first screen direction or the second screen direction. Therefore, for any swipe operation, the swipe direction corresponding to the swipe operation can be determined based on the angle between the swipe trajectory of the swipe operation and the first screen direction or the second screen direction. Based on this, before responding to a second swipe operation in the second screen direction, a second angle between the swipe trajectory of the second swipe operation and the second screen direction can be obtained; if the second angle is less than a second angle threshold, it is determined that the second swipe operation is a swipe operation in the second screen direction. Correspondingly, before responding to a first swipe operation in the first screen direction, the method further includes: obtaining a first angle between the swipe trajectory of the first swipe operation and the first screen direction; if the first angle is less than a first angle threshold, it is determined that the first swipe operation is a swipe operation in the first screen direction. It should be noted that this embodiment does not limit the size of the first angle threshold and the second angle threshold; the first angle threshold and the second angle threshold can take the same angle value or different angle values. Taking the first angle threshold and the second angle threshold as having the same angle value, such as 3°, 5° or 10°, if the first angle is less than 3°, 5° or 10°, the first sliding operation is determined to be a sliding operation in the first screen direction, and if the second angle is less than 3°, 5° or 10°, the second sliding operation is determined to be a sliding operation in the second screen direction.

[0053] Optionally, since the multiple first page contents within the first list object support different sizes in the first screen direction, when the first size is smaller than the second size, to help users intuitively understand which first page contents support scaling of the first list object, scaling marker information corresponding to the currently displayed first page content can be displayed in the first list object. This scaling marker information determines whether the current first page content supports scaling of the first list object; the scaling marker information indicates whether the currently displayed first page content supports scaling from the first size to the second size. Of course, the scaling marker information that supports scaling from the first size to the second size differs visually from that that does not, to facilitate user differentiation.

[0054] Optionally, the scaling of the first list object can be determined based on the scaling marker information. A specific implementation is as follows: when the scaling marker information corresponding to the current first page content has a first visual attribute, it indicates that the currently displayed first page content supports the first list object changing from a first size specification to a second size specification; when the scaling marker information corresponding to the current first page content has second visual information, it indicates that the currently displayed first page content does not support the first list object changing from a first size specification to a second size specification. The scaling marker information can be displayed in any form. Correspondingly, the first visual information and the second visual information are two different display states of the scaling marker information under a certain display format. For example, the scaling marker information can be a graphic identifier displayed at a set position in the first list object, such as a circle or triangle. At this point, a circular graphic identifier can be used as the first visual information, and a triangular graphic identifier as the second visual information; or, an empty graphic identifier can be used as the first visual information, and a solid graphic identifier as the second visual information; or, a thick-lined graphic identifier can be used as the first visual information, and a thin-lined graphic identifier as the second visual information; or, the blinking state of the graphic identifier can be used as the first visual information, and the non-blinking state of the graphic identifier as the second visual state. This embodiment does not limit the scaling mark information and its first and second visual information, as long as it can distinguish whether the current page content supports the first list object changing from the first size specification to the second size specification.

[0055] In addition to displaying zoom marker information, it can also display marker information such as which first page content is currently displayed in the first list object and the total number of first page content. This embodiment does not limit the marker information. For example, it can be displayed at the bottom of the first list object as a short progress bar. The number of short lines represents the number of first page content, and each short line corresponds one-to-one with the first page content. When the horizontal scroll reaches a certain first page content, the short line part also switches to the short line position corresponding to the page content and is displayed in a highlighted form.

[0056] In an optional embodiment, for first page content that supports the first list object changing from a first size specification to a second size specification, it can be required that the first page content supports a size specification not smaller than the second size specification in the first screen direction. Preferably, it is required that the first page content supports at least the second size specification in the first screen direction. This can also be used as a condition for determining whether a first page content supports the first list object changing from a first size specification to a second size specification. Correspondingly, the above-mentioned scaling mark information can also indicate whether the corresponding first page content supports a size specification not smaller than the second size specification in the first screen direction, for example, whether it supports the second size specification.

[0057] In some optional embodiments of this application, taking the first size specification being smaller than the second size specification as an example, and taking the first screen direction as the vertical direction, the first sliding direction as vertically upward, then the sliding direction opposite to the first sliding direction is vertically downward. For ease of distinction and description, vertically downward is referred to as the third sliding direction. Based on this, when the first object list is in the second size specification, it can also respond to the third sliding operation in the first screen direction, sliding along the third sliding direction to display the page content in the sub-list, and dynamically changing the first list object from the second size specification to the first size specification. That is, when responding to the vertically upward sliding operation, the page content in the sub-list can be displayed along the vertically upward direction, and the first list object changes from a small size specification to a large size specification; conversely, when responding to the vertically downward sliding operation, the page content in the sub-list can be displayed along the vertically downward direction, and the first list object changes from a large size specification to a small size specification. And, continuing to respond to the vertically upward sliding operation, the page content in the sub-list can be displayed along the vertically upward direction, and the first list object changes from a small size specification to a large size specification. That is, the size of the first list object can be freely switched between small and large sizes by sliding up and down in the vertical direction.

[0058] In the above embodiments of this application, the implementation form of the first list object is not limited, nor is the content form of the first page content carried in the first list object limited. That is to say, any list object form that can carry page content and any page content that can be carried by the list object are applicable to the embodiments of this application. In the following embodiments, an advertising scenario can be used as an example, with the first page content as advertising content, specifically an advertising image, and the first list object as an advertising position (banner) as an example. The display of the advertising position on the page and the human-computer interaction process are used as examples to illustrate the embodiments of this application in a scenario-based manner.

[0059] Figure 2a A flowchart illustrating an advertising image display method provided as another exemplary embodiment of this application. (e.g.) Figure 2a As shown, the method includes:

[0060] 201. Display the first page based on a nested list. The first page displays an ad space for carrying an ad image. The ad space belongs to a sub-list of the nested list, and the ad space has a first size specification and a second size specification in the vertical direction.

[0061] 202. In response to a vertical upward swipe operation, if the sublist can continue to swipe in the vertical upward direction, the page content in the sublist will be displayed while swiping in the vertical upward direction, and the ad position will dynamically change from the first size specification to the second size specification; wherein, the display state of the ad image is different under different size specifications, and the first size specification is smaller than the second size specification.

[0062] In this embodiment, the advertising space has two size specifications, namely a first size specification and a second size specification, and the first size specification is smaller than the second size specification. Figures 2b-2f This illustration demonstrates the different page states displayed on the screen as the user slides through the screen. The display state of the advertisement in the first size specification is shown below. Figure 2b and 2c As shown, the display status of the ad space in the second size specification is as follows: Figure 2e and 2f As shown. In Figure 2b Based on the above, users can trigger a right-to-left swipe, or according to a set carousel cycle, the ad slot will switch from ad image 3 to ad image 2. Correspondingly, the short line marker below will change from highlighting ad image 3 to highlighting ad image 2. Simultaneously, the circular zoom marker will change from solid to hollow, indicating that ad image 3 supports zooming in, while ad image 2 does not. Figures 2b-2fIn the diagram, the scaling marker is shown separately, but it is not limited to this. The scaling marker can be combined with the short line marker below, as long as they can be distinguished.

[0063] Furthermore, in Figure 2b Based on the state of the first page shown, in response to a vertical upward swipe, the first page will enter... Figure 2d As shown on the first page, the ad space dynamically changes from a first size to a second size, and simultaneously, some content in the sub-list (such as the navigation bar) has scrolled off-screen. Furthermore, in... Figure 2d Based on the state of the first page shown, in response to a horizontal upward swipe or a carousel transition, the first page will enter... Figure 2e As shown on the first page, the ad slot is in the second size specification, and it has switched from ad image 3 to ad image 4. The short line marker below will also change from highlighting the corresponding ad image 3 to highlighting the corresponding ad image 4. At the same time, the circular zoom marker remains solid, indicating that ad image 4 supports zooming in on the ad slot.

[0064] Optionally, before displaying the page content in the sublist by sliding it vertically upward, the method further includes: determining whether there is still any page content in the sublist that is not displayed on the screen in the vertically upward sliding direction, based on the sliding distance and / or number of vertically upward sliding operations; if there is still page content in the sublist that is not displayed on the screen in the vertically upward sliding direction, then performing the operation of displaying the page content in the sublist by sliding it vertically upward. Optionally, the method further includes: if there is no longer any page content that is not displayed on the screen in the vertically upward sliding direction, then displaying the page content in the parent list of the nested list by sliding it vertically upward, wherein the parent list contains at least the sublist. (Continued from...) Figure 2d Slide along the vertical upward direction to display the page content of the parent list in the nested list, as shown below. Figure 2f As shown in the first page, part of the content in the sub-list has been scrolled off-screen, while part of the content below the parent list has been scrolled onto the screen.

[0065] Furthermore, in the process of implementing the first page based on nested lists, it also includes: setting the first size of the sub-list in the vertical direction, the first size being smaller than the second size, the second size being the sum of the maximum size specification of the ad space in the vertical direction and the size of each card object in the sub-list in the vertical direction.

[0066] Further optionally, setting a first size of the sublist in the vertical direction includes: setting a first size of the sublist in the vertical direction based on the difference between the maximum and minimum size specifications of the first list object in the vertical direction; the first size is the difference between the second size and the difference.

[0067] Further optionally, displaying or swiping multiple target ad images in an ad slot in a horizontal direction includes: switching the display of multiple target ad images in the ad slot along a second swiping direction in response to a second swiping operation in the horizontal direction; wherein the second swiping direction is the swiping direction of the second swiping operation in the horizontal direction.

[0068] Furthermore, when the ad space is in the second size specification, it also includes: displaying multiple target ad images in the ad space in a horizontal carousel or sliding display; wherein, the target ad images are ad images in the ad space with a size specification of the second size specification in the vertical direction.

[0069] Furthermore, before responding to the second swipe operation in the second screen direction, the method further includes: obtaining a second angle between the swipe trajectory of the second swipe operation and the horizontal direction; and determining that the second swipe operation is a swipe operation in the horizontal direction if the second angle is less than a second angle threshold. Correspondingly, before responding to the first swipe operation in the vertical direction, the method further includes: obtaining a first angle between the swipe trajectory of the first swipe operation and the vertical direction; and determining that the first swipe operation is a swipe operation in the vertical direction if the first angle is less than a first angle threshold.

[0070] Furthermore, when the ad placement is in the second size specification, it also includes: in response to a vertical downward swiping operation, if the sublist can continue to swipe in the vertical downward direction, swiping along the vertical downward direction to display the page content in the sublist, and dynamically changing the ad placement from the second size specification to the first size specification.

[0071] Further optionally, where the first size is smaller than the second size, the method further includes: when the ad space is in the first size, displaying scaling marker information corresponding to the currently displayed ad image in the ad space, the scaling marker information indicating whether the currently displayed ad image supports the ad space changing from the first size to the second size. This embodiment does not limit the scaling marker information, as long as it can distinguish whether the current page content supports the first list object changing from the first size to the second size. Figures 2b-2fAs shown, the scaling marker information is displayed in the form of circles. When the circle is solid, it indicates that the current page content supports changing the first list object from the first size specification to the second size specification; when the circle is hollow, it indicates that the current page content does not support changing the first list object from the first size specification to the second size specification. In addition to displaying the scaling marker information, the first list object can also display the number of first page content items currently displayed and the total number of first page content items. This embodiment does not limit the marker information. For example, it can be displayed at the bottom of the first page content as a short progress bar. The number of short lines can be equal to the number of first page content items, and each short line corresponds one-to-one with a first page content item. When scrolling horizontally to a certain first page content item, the short line part also switches to the short line position corresponding to that page content item and is displayed in a highlighted form.

[0072] Optionally, the ad space can be changed from a first size specification to a second size specification, requiring that the horizontal dimensions of the ad image are not smaller than the second size specification.

[0073] Further optional, such as Figure 2b → Figure 2f As shown, the first sliding direction is vertically upward, and it also includes: when the ad space is in the second size specification, in response to the third sliding operation in the vertical direction, sliding along the third sliding direction to display the page content in the sublist, and dynamically changing the ad space from the second size specification to the first size specification, the third sliding direction being vertically downward.

[0074] Further optionally, in response to a first sliding operation in the vertical direction, the page content in the sublist is displayed by sliding along the first sliding direction, and the ad position is dynamically changed from the current first size specification to the second size specification, including: in response to the first sliding operation in the vertical direction, determining a first sliding distance corresponding to the page content in the sublist based on the sliding distance of the first sliding operation; if the first sliding distance is less than the minimum distance required for the ad position to change from the first size specification to the second size specification, then controlling the page content in the sublist to slide at least the minimum distance along the first sliding direction, and dynamically changing the ad position from the current first size specification to the second size specification.

[0075] It should be noted that detailed implementation methods for each step in the advertising image display method provided in this embodiment can be found in [link to relevant documentation]. Figure 1a The corresponding content in the illustrated embodiments will not be repeated here.

[0076] Figure 3 A schematic diagram of the structure of a page information display device provided for another exemplary embodiment of this application. For example... Figure 3 As shown, the device includes:

[0077] The first display module 31 is used to display a first page based on a nested list. The first page displays a first list object for carrying the content of the first page. The first list object belongs to a sub-list in the nested list and has different size specifications in the first screen direction.

[0078] The second display module 32 is used to respond to the first sliding operation in the first screen direction, slide and display the page content in the sub-list along the first sliding direction, and dynamically change the first list object from the current first size specification to the second size specification;

[0079] Wherein, the first sliding direction is the sliding direction of the first sliding operation in the first screen direction, and the display state of the first page content of the first list object is different under different size specifications.

[0080] Furthermore, before displaying the page content in the sublist along the first sliding direction, the second display module 32 is also configured to: determine, based on the sliding distance and / or number of the first sliding operation, whether there is still page content in the sublist that has not appeared on the screen in the first sliding direction; if there is still page content in the sublist that has not appeared on the screen in the first sliding direction, then perform the operation of displaying the page content in the sublist along the first sliding direction.

[0081] Furthermore, the second display module 32 is configured to: if the sublist no longer contains any page content that is not displayed on the screen in the first sliding direction, then slide along the first sliding direction to display the page content in the parent list of the nested list, wherein the parent list contains at least the sublist.

[0082] Further optionally, the first display module 31 is used to, in the process of implementing the first page based on nested lists, specifically to: set a first size of the sub-list in the first screen direction, the first size being smaller than a second size, the second size being the sum of the maximum size of the first list object in the first screen direction and the size of other list objects in the sub-list used to carry other page content in the first screen direction.

[0083] Further optionally, when setting the first size of the sublist in the first screen direction, the second display module 32 is specifically used to: set the first size of the sublist in the first screen direction according to the difference between the maximum and minimum size specifications of the first list object in the first screen direction; the first size is the difference between the second size and the difference.

[0084] Furthermore, since the first size specification is smaller than the second size specification, the second display module 32 is also used to: when the first list object is in the second size specification, to display or slide different first page contents in the first list object in a second screen direction, wherein the second screen direction is different from the first screen direction.

[0085] Further optionally, when the second display module 32 is used to rotate or slide the different first page contents in the first list object in the second screen direction, it is specifically used to: select multiple target page contents from the multiple first page contents in the first list object whose size in the first screen direction is not smaller than the second size; and rotate or slide the multiple target page contents in the first list object in the second screen direction.

[0086] Further optionally, when the second display module 32 is used to slide and display multiple target page contents in the first list object in the second screen direction, it is specifically used to: in response to a second sliding operation in the second screen direction, switch the display of multiple target page contents in the first list object along the second sliding direction; wherein, the second sliding direction is the sliding direction of the second sliding operation in the second screen direction.

[0087] Optionally, before responding to the second sliding operation in the second screen direction, the second display module 32 is further configured to: obtain a second angle between the sliding trajectory of the second sliding operation and the second screen direction; and determine that the second sliding operation is a sliding operation in the second screen direction if the second angle is less than a second angle threshold. Correspondingly, before responding to the first sliding operation in the first screen direction, the second display module 32 is further configured to: obtain a first angle between the sliding trajectory of the first sliding operation and the first screen direction; and determine that the first sliding operation is a sliding operation in the first screen direction if the first angle is less than a first angle threshold.

[0088] Optionally, if the first size specification is smaller than the second size specification, the second display module 32 is further configured to: when the first list object is in the first size specification, display scaling marker information corresponding to the currently displayed first page content in the first list object, wherein the scaling marker information indicates whether the currently displayed first page content supports the first list object changing from the first size specification to the second size specification.

[0089] Furthermore, when the second display module 32 is used to support the first list object to change from the first size specification to the second size specification, it is also used to require that the size specification of the first page content in the first screen direction is not smaller than the second size specification.

[0090] Further optionally, the first screen orientation is vertical, the first sliding direction is vertically upward, and the second display module 32 is further configured to: when the first object list is in the second size specification, respond to the third sliding operation in the first screen orientation, slide and display the page content in the sub-list along the third sliding direction, and dynamically change the first list object from the second size specification to the first size specification, wherein the third sliding direction is vertically downward.

[0091] Furthermore, the second display module 32, in response to a first swipe operation in the first screen direction, slides along the first swipe direction to display page content in the sub-list and dynamically changes the first list object from its current first size specification to its second size specification, specifically: in response to a first swipe operation in the first screen direction, determines a first swipe distance corresponding to the page content in the sub-list based on the swipe distance of the first swipe operation; if the first swipe distance is less than the minimum distance required for the first list object to change from its first size specification to its second size specification, then controls the page content in the sub-list to slide along the first swipe direction at least the minimum distance, and dynamically changes the first list object from its current first size specification to its second size specification.

[0092] It should be noted that detailed implementation methods for each step in the advertising image display device provided in this embodiment can be found in [reference needed]. Figure 1a The corresponding content in the illustrated embodiments will not be repeated here.

[0093] Figure 4 A schematic diagram of the structure of an advertising content display device provided for another exemplary embodiment of this application. (See diagram below.) Figure 4 As shown, the device includes:

[0094] The first display module 41 is used to display a first page based on a nested list. The first page displays an ad space for carrying an ad image. The ad space belongs to a sub-list of the nested list, and the ad space has a first size specification and a second size specification in the vertical direction.

[0095] The second display module 42 is used to respond to the vertical upward sliding operation. If the sublist can continue to slide in the vertical upward direction, the page content in the sublist is displayed along the vertical upward direction, and the advertisement space is dynamically changed from the first size specification to the second size specification.

[0096] The display status of the advertisement image varies depending on the size of the advertisement space, and the first size is smaller than the second size.

[0097] Optionally, before displaying the page content in the sublist by sliding in the vertically upward direction, the second display module 42 is further configured to: determine whether there is any page content in the sublist that is not displayed on the screen in the vertically upward sliding direction, based on the sliding distance and / or number of vertically upward sliding operations; if there is any page content in the sublist that is not displayed on the screen in the vertically upward sliding direction, then perform the operation of displaying the page content in the sublist by sliding in the vertically upward sliding direction.

[0098] Further optionally, the second display module 42 is also used to: if there is no page content that is not displayed on the screen in the vertical upward sliding direction of the sublist, then slide along the vertical upward sliding direction to display the page content in the parent list of the nested list, wherein the parent list contains at least the sublist.

[0099] Furthermore, in the process of the first display module 41 implementing the first page based on the nested list, it is also used to: set the first size of the sub-list in the vertical direction, the first size being smaller than the second size, the second size being the sum of the maximum size specification of the ad space in the vertical direction and the size of each card object in the sub-list in the vertical direction.

[0100] Further optionally, when setting the first size of the sublist in the vertical direction, the second display module 42 is specifically used to: set the first size of the sublist in the vertical direction according to the difference between the maximum and minimum size specifications of the first list object in the vertical direction; the first size is the difference between the second size and the difference.

[0101] Furthermore, when the ad space is in the second size specification, the second display module 42 is also used to: display multiple target ad images in the ad space in a horizontal carousel or slide display; wherein, the target ad images are ad images in the ad space with a size specification of the second size specification in the vertical direction.

[0102] Further optionally, when the second display module 42 is used to rotate or slide multiple target advertisement images in the advertisement space in the horizontal direction, it is specifically used to: switch the display of multiple target advertisement images in the advertisement space along the second sliding direction in response to the second sliding operation in the horizontal direction; wherein, the second sliding direction is the sliding direction of the second sliding operation in the horizontal direction.

[0103] Furthermore, before the second display module 42 responds to the second sliding operation in the second screen direction, it is also used to: obtain a second angle between the sliding trajectory of the second sliding operation and the horizontal direction; if the second angle is less than a second angle threshold, determine that the second sliding operation is a sliding operation in the horizontal direction; correspondingly, before responding to the first sliding operation in the vertical direction, it further includes: obtaining a first angle between the sliding trajectory of the first sliding operation and the vertical direction; if the first angle is less than a first angle threshold, determine that the first sliding operation is a sliding operation in the vertical direction.

[0104] Furthermore, when the ad placement is in the second size specification, the second display module 42 is also used to: respond to a vertical downward sliding operation, if the sublist can continue to slide in the vertical downward direction, slide along the vertical downward direction to display the page content in the sublist, and dynamically change the ad placement from the second size specification to the first size specification.

[0105] Optionally, if the first size is smaller than the second size, the second display module 42 is further configured to: display scaling marker information corresponding to the currently displayed advertisement image in the advertisement space when the advertisement space is in the first size, wherein the scaling marker information indicates whether the currently displayed advertisement image supports the advertisement space changing from the first size to the second size.

[0106] Further optionally, when the second display module 42 is used to support the change of the ad space from the first size specification to the second size specification, it is also used to require that the size specification of the ad image in the horizontal direction is not smaller than the second size specification.

[0107] Further optionally, the first sliding direction is vertically upward, and the second display module 42 is also used to: when the advertisement space is in the second size specification, respond to the third sliding operation in the vertical direction, slide to display the page content in the sub-list along the third sliding direction, and dynamically change the advertisement space from the second size specification to the first size specification, wherein the third sliding direction is vertically downward.

[0108] Further optionally, when the second display module 42 is used to respond to a first sliding operation in the vertical direction, slide to display page content in the sub-list along the first sliding direction, and dynamically change the ad position from the current first size specification to the second size specification, it is specifically used to: respond to the first sliding operation in the vertical direction, determine the first sliding distance corresponding to the page content in the sub-list based on the sliding distance of the first sliding operation; if the first sliding distance is less than the minimum distance required for the ad position to change from the first size specification to the second size specification, then control the page content in the sub-list to slide at least the minimum distance along the first sliding direction, and dynamically change the ad position from the current first size specification to the second size specification.

[0109] It should be noted that detailed implementation methods for each step in the advertising image display device provided in this embodiment can be found in [reference needed]. Figure 2a The corresponding content in the illustrated embodiments will not be repeated here.

[0110] Figure 5 This is a schematic diagram of the structure of an electronic device provided as an exemplary embodiment of this application. For example... Figure 5 As shown, the terminal device includes: a memory 50a and a processor 50b; the memory 50a is used to store computer programs, and the processor 50b is coupled to the memory 50a and is used to execute the computer programs to perform the following operations:

[0111] A first page based on nested lists is displayed. The first page displays a first list object for carrying the content of the first page. The first list object is a sub-list of the nested list and has different sizes in the first screen direction. In response to a first swipe operation in the first screen direction, the page content in the sub-list is displayed by swiping along the first swipe direction, and the first list object is dynamically changed from the current first size to a second size. The first swipe direction is the swipe direction of the first swipe operation in the first screen direction, and the display state of the first page content of the first list object is different under different size specifications.

[0112] Furthermore, before the processor 50b slides along the first sliding direction to display the page content in the sub-list, it is also used to: determine, in combination with the sliding distance and / or number of the first sliding operation, whether there is still page content in the sub-list that has not appeared on the screen in the first sliding direction; if there is still page content in the sub-list that has not appeared on the screen in the first sliding direction, then the operation of sliding along the first sliding direction to display the page content in the sub-list is performed.

[0113] Furthermore, the processor 50b is also configured to: if the sublist no longer contains page content that is not displayed on the screen in the first sliding direction, then slide along the first sliding direction to display the page content in the parent list of the nested list, wherein the parent list contains at least the sublist.

[0114] Further optionally, the processor 50b is configured, in the process of implementing the first page based on nested lists, specifically to: set a first size of the sublist in the first screen direction, the first size being smaller than a second size, the second size being the sum of the maximum size of the first list object in the first screen direction and the sizes of other list objects in the sublist used to carry other page content in the first screen direction.

[0115] Further optionally, when setting the first size of the sublist in the first screen direction, the processor 50b is specifically configured to: set the first size of the sublist in the first screen direction according to the difference between the maximum size specification and the minimum size specification of the first list object in the first screen direction; the first size is the difference between the second size and the difference.

[0116] Furthermore, since the first size specification is smaller than the second size specification, the processor 50b is also configured to: when the first list object is in the second size specification, to rotate or slide different first page contents in the first list object in a second screen direction, wherein the second screen direction is different from the first screen direction.

[0117] Further optionally, when the processor 50b is used to rotate or slide different first page contents in the first list object in the second screen direction, it is specifically used to: select multiple target page contents from multiple first page contents in the first list object whose size specification in the first screen direction is not smaller than the second size specification; and rotate or slide the multiple target page contents in the first list object in the second screen direction.

[0118] Further optionally, when the processor 50b is used to slide and display multiple target page contents in the first list object in the second screen direction, it is specifically used to: in response to a second sliding operation in the second screen direction, switch the display of multiple target page contents in the first list object along the second sliding direction; wherein, the second sliding direction is the sliding direction of the second sliding operation in the second screen direction.

[0119] Further optionally, before responding to the second sliding operation in the second screen direction, the processor 50b is further configured to: obtain a second angle between the sliding trajectory of the second sliding operation and the second screen direction; and determine that the second sliding operation is a sliding operation in the second screen direction if the second angle is less than a second angle threshold. Correspondingly, before responding to the first sliding operation in the first screen direction, the processor 50b is further configured to: obtain a first angle between the sliding trajectory of the first sliding operation and the first screen direction; and determine that the first sliding operation is a sliding operation in the first screen direction if the first angle is less than a first angle threshold.

[0120] Optionally, if the first size specification is smaller than the second size specification, the processor 50b is further configured to: when the first list object is in the first size specification, display scaling marker information corresponding to the currently displayed first page content in the first list object, wherein the scaling marker information indicates whether the currently displayed first page content supports the first list object changing from the first size specification to the second size specification.

[0121] Furthermore, when the processor 50b is used to support the first list object changing from the first size specification to the second size specification, it is also used to require that the size specification of the first page content in the first screen direction is not smaller than the second size specification.

[0122] Further optionally, the first screen orientation is vertical, the first sliding direction is vertically upward, and the processor 50b is further configured to: when the first object list is in the second size specification, in response to a third sliding operation in the first screen orientation, slide and display the page content in the sub-list along the third sliding direction, and dynamically change the first list object from the second size specification to the first size specification, wherein the third sliding direction is vertically downward.

[0123] Furthermore, the processor 50b, in response to a first swipe operation in the first screen direction, slides the page content in the sub-list along the first swipe direction to display the page content in the sub-list and dynamically changes the first list object from the current first size specification to the second size specification, specifically: in response to a first swipe operation in the first screen direction, determines a first swipe distance corresponding to the page content in the sub-list based on the swipe distance of the first swipe operation; if the first swipe distance is less than the minimum distance required for the first list object to change from the first size specification to the second size specification, then controls the page content in the sub-list to slide along the first swipe direction at least the minimum distance, and dynamically changes the first list object from the current first size specification to the second size specification.

[0124] Furthermore, such as Figure 5 As shown, the terminal device also includes: communication component 50c, display 50d, power supply component 50e, audio component 50f, and other components. Figure 5 The diagram only shows some components and does not mean that the terminal device only includes... Figure 5 The components shown.

[0125] It should be noted that detailed implementation methods for each step in the page information display device provided in this embodiment can be found in [reference needed]. Figure 1a The corresponding content in the embodiment shown in 2a will not be repeated here.

[0126] An exemplary embodiment of this application provides a computer-readable storage medium storing a computer program or instructions, which, when executed by a processor, enables the processor to implement the steps in the above method, and will not be described in detail here.

[0127] Those skilled in the art will understand that embodiments of this application can be provided as methods, systems, or computer program products. Therefore, this application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, this application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0128] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of this application. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in one or more flowchart illustrations and / or one or more block diagrams.

[0129] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means that implement the functions specified in one or more flowcharts and / or one or more block diagrams.

[0130] These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer-implemented process, such that the instructions, which execute on the computer or other programmable apparatus, provide steps for implementing the functions specified in one or more flowcharts and / or one or more block diagrams.

[0131] In a typical configuration, a computing device includes one or more processors (CPU), input / output interfaces, network interfaces, and memory.

[0132] Memory may include non-persistent storage in computer-readable media, such as random access memory (RAM) and / or non-volatile memory, such as read-only memory (ROM) or flash RAM. Memory is an example of computer-readable media.

[0133] Computer-readable media includes both permanent and non-permanent, removable and non-removable media that can store information using any method or technology. Information can be computer-readable instructions, data structures, modules of programs, or other data. Examples of computer storage media include, but are not limited to, phase-change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, CD-ROM, digital versatile optical disc (DVD) or other optical storage, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other non-transferable medium that can be used to store information accessible by a computing device. As defined herein, computer-readable media does not include transient computer-readable media, such as modulated data signals and carrier waves.

[0134] It should also be noted that the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.

[0135] The above description is merely an embodiment of this application and is not intended to limit this application. Various modifications and variations can be made to this application by those skilled in the art. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principle of this application should be included within the scope of the claims of this application.

Claims

1. A method for displaying page information, characterized in that, include: The first page is displayed based on a nested list. The first page displays a first list object for carrying the content of the first page. The first list object belongs to a sub-list in the nested list and has different size specifications in the first screen direction. In response to a first swipe operation in the first screen direction, the page content in the sub-list is displayed by swiping along the first swipe direction, and the first list object is dynamically changed from the current first size specification to the second size specification, wherein the first size specification is smaller than the second size specification; When the first list object is in the second size specification, different first page contents in the first list object are displayed in a carousel or swiped in the second screen direction, and the second screen direction is different from the first screen direction; Wherein, the first sliding direction is the sliding direction of the first sliding operation in the first screen direction, and the display state of the first page content of the first list object is different under different size specifications.

2. The method according to claim 1, characterized in that, Before displaying the page content in the sublist by sliding along the first sliding direction, the process also includes: Based on the sliding distance and / or number of the first sliding operation, determine whether the sublist still contains page content that is not displayed on the screen in the first sliding direction; If the sublist still contains page content that is not displayed on the screen in the first sliding direction, then the operation of sliding along the first sliding direction to display the page content in the sublist is performed.

3. The method according to claim 2, characterized in that, Also includes: If the sublist no longer contains any page content that is not displayed on the screen in the first sliding direction, then slide along the first sliding direction to display the page content in the parent list of the nested list, wherein the parent list contains at least the sublist.

4. The method according to claim 1, characterized in that, The process of implementing the first page based on nested lists also includes: The sublist is set to a first size in the first screen direction, the first size being smaller than a second size, the second size being the sum of the maximum size of the first list object in the first screen direction and the sizes of other list objects in the sublist used to carry other page content in the first screen direction.

5. The method according to claim 4, characterized in that, Setting the first size of the sublist in the first screen direction includes: Based on the difference between the maximum and minimum size specifications of the first list object in the first screen direction, the first size of the sublist is set in the first screen direction; the first size is the difference between the second size and the difference.

6. The method according to claim 1, characterized in that, The content of different first pages in the first list object is displayed in a carousel or swiped view in the second screen direction, including: From the multiple first page contents in the first list object, select multiple target page contents whose size in the first screen direction is not smaller than the second size; Multiple target page contents from the first list object are displayed in a carousel or swiped in the second screen direction.

7. The method according to claim 6, characterized in that, Swipe in the second screen direction to display multiple target page contents from the first list object, including: In response to a second swipe operation in the second screen direction, the content of multiple target pages in the first list object is switched and displayed along the second swipe direction; Wherein, the second sliding direction is the sliding direction of the second sliding operation in the direction of the two screens.

8. The method according to claim 7, characterized in that, Prior to the second swipe operation in response to the second screen direction, it also includes: Obtain the second angle between the sliding trajectory of the second sliding operation and the second screen direction; if the second angle is less than the second angle threshold, determine that the second sliding operation is a sliding operation in the second screen direction; Accordingly, prior to the first swipe operation in the first screen direction, the method further includes: Obtain a first angle between the sliding trajectory of the first sliding operation and the first screen direction; if the first angle is less than a first angle threshold, determine that the first sliding operation is a sliding operation in the first screen direction.

9. The method according to claim 1, characterized in that, The first size specification is smaller than the second size specification, and the method further includes: When the first list object is in the first size specification, the scaling mark information corresponding to the currently displayed first page content is displayed in the first list object. The scaling mark information indicates whether the currently displayed first page content supports the first list object changing from the first size specification to the second size specification.

10. The method according to claim 9, characterized in that, Support changing the first list object from the first size specification to the second size specification, requiring that the size specification of the first page content in the first screen direction is not smaller than the second size specification.

11. The method according to any one of claims 6-10, characterized in that, The first screen orientation is vertical, the first sliding direction is vertically upward, and the method further includes: When the first list object is in the second size specification, in response to the third swipe operation in the first screen direction, the page content in the sub-list is displayed by swiping along the third swipe direction, and the first list object is dynamically changed from the second size specification to the first size specification, wherein the third swipe direction is vertically downward.

12. The method according to any one of claims 1-10, characterized in that, In response to a first swipe operation in the first screen direction, the page content in the sub-list is displayed by swiping along the first swipe direction, and the first list object is dynamically changed from its current first size specification to a second size specification, including: In response to a first swipe operation in the first screen direction, a first swipe distance corresponding to the page content in the sub-list is determined based on the swipe distance of the first swipe operation; If the first sliding distance is less than the minimum distance required for the first list object to change from the first size specification to the second size specification, then the page content in the sub-list is controlled to slide along the first sliding direction at least the minimum distance, and the first list object is dynamically changed from the current first size specification to the second size specification.

13. A method for displaying advertising images, characterized in that, include: The first page is displayed based on a nested list. The first page displays an ad space for carrying an ad image. The ad space belongs to a sub-list of the nested list and has a first size specification and a second size specification in the vertical direction. In response to a vertical upward swipe operation, if the sublist can continue to swipe in the vertical upward direction, the page content in the sublist is displayed while swiping in the vertical upward direction, and the ad slot is dynamically changed from the first size specification to the second size specification. The display status of the advertisement image varies depending on the size of the advertisement space, and the first size is smaller than the second size.

14. The method according to claim 13, characterized in that, The process of implementing the first page based on nested lists also includes: The sublist is set to a first size in the vertical direction, which is smaller than a second size. The second size is the sum of the maximum size of the ad space in the vertical direction and the size of each card object in the sublist in the vertical direction.

15. The method according to claim 14, characterized in that, Setting the first size of the sublist in the vertical direction includes: Based on the difference between the maximum and minimum dimensions of the first list object in the vertical direction, the first dimension of the sublist in the vertical direction is set; the first dimension is the difference between the second dimension and the difference.

16. The method according to any one of claims 13-15, characterized in that, When the advertisement space is in the second size specification, the method further includes: Multiple target advertising images in the advertising space are displayed in a horizontal carousel or by sliding; wherein, the target advertising image is an advertising image in the advertising space with a vertical dimension of the second size specification.

17. The method according to any one of claims 13-15, characterized in that, When the advertisement space is in the second size specification, the method further includes: In response to a vertical downward swipe operation, if the sublist can continue to swipe in the vertical downward direction, the page content in the sublist is displayed while swiping in the vertical downward direction, and the ad slot is dynamically changed from the second size specification to the first size specification.

18. A page information display device, characterized in that, include: The first display module is used to display a first page based on a nested list. The first page displays a first list object for carrying the content of the first page. The first list object belongs to a sub-list in the nested list and has different size specifications in the first screen direction. The second display module is used to respond to a first swipe operation in the first screen direction, slide and display page content in the sub-list along the first swipe direction, and dynamically change the first list object from the current first size specification to the second size specification, wherein the first size specification is smaller than the second size specification; when the first list object is in the second size specification, rotate or slide and display different first page contents in the first list object in the second screen direction, wherein the second screen direction is different from the first screen direction; Wherein, the first sliding direction is the sliding direction of the first sliding operation in the first screen direction, and the display state of the first page content of the first list object is different under different size specifications.

19. An advertising content display device, characterized in that, include: The first display module is used to display a first page based on a nested list. The first page displays an ad space for carrying an ad image. The ad space belongs to a sub-list of the nested list, and the ad space has a first size specification and a second size specification in the vertical direction. The second display module is used to respond to the vertical upward sliding operation. If the sublist can continue to slide in the vertical upward direction, the page content in the sublist is displayed along the vertical upward direction, and the ad position is dynamically changed from the first size specification to the second size specification. The display status of the advertisement image varies depending on the size of the advertisement space, and the first size is smaller than the second size.

20. An electronic device, characterized in that, include: Memory and processor; The memory is used to store a computer program, and the processor is coupled to the memory to execute the computer program for performing the steps of the method according to any one of claims 1-17.

21. A computer-readable storage medium storing a computer program, characterized in that, When the computer program is executed by a processor, it causes the processor to perform the steps of the method according to any one of claims 1-17.

Images