Page display method and device, electronic equipment and storage medium

Abstract

The present disclosure relates to a page display method and device, an electronic device and a storage medium. The method comprises: displaying a business activity page of a target business activity, the business activity page displaying an activity theme aggregation element of at least two activity themes; the activity theme aggregation element can represent theme elements of the at least two activity themes; the at least two activity themes are activity themes set under the target business activity; in response to a selection instruction of a first activity theme in the at least two activity themes, updating the activity theme aggregation element to a first theme element corresponding to the first activity theme; and in a case where the first theme element presents a preset dynamic effect, displaying a first theme page of the first activity theme. According to the technical solution provided by the present disclosure, the interactive experience during the switching of activity themes under the target business activity can be improved.

Description

Technical Field

[0001] This disclosure relates to the field of Internet application technology, and in particular to a page display method, apparatus, electronic device and storage medium. Background Technology

[0002] With the widespread use of internet applications, online interactions are becoming increasingly rich. For example, different business activities can be set up in social applications to enhance interactivity. In related technologies, the activity page corresponding to a business activity displays entry points (such as entry widgets) for multiple venues (or themes) under that business activity. Clicking the corresponding entry point allows point-to-point navigation to the corresponding venue. However, the fixed and monotonous interaction method for switching venues leads to poor interactivity, low participation in business activities, and a waste of display resources. Summary of the Invention

[0003] This disclosure provides a page display method, apparatus, electronic device, and storage medium to at least improve the interactive experience during the switching of activity themes under a target business activity. The technical solution of this disclosure is as follows:

[0004] According to a first aspect of the present disclosure, a page display method is provided, including:

[0005] The business activity page displays the target business activity, and the business activity page displays activity theme aggregation elements for at least two activity themes; the activity theme aggregation elements can represent the theme elements of each of the at least two activity themes; the at least two activity themes are activity themes set under the target business activity.

[0006] In response to the selection instruction for a first activity topic among the at least two activity topics, the activity topic aggregation element is updated to the first topic element corresponding to the first activity topic;

[0007] When the first theme element displays a preset animation effect, the first theme page of the first activity theme is displayed.

[0008] In one possible implementation, the business activity page also displays theme entry controls corresponding to each of the at least two activity themes; the method further includes:

[0009] In response to the triggering of the first theme entry control among at least two theme entry controls, a selection instruction for the first active theme is generated; the first theme entry control is the theme entry control corresponding to the first active theme.

[0010] In one possible implementation, updating the activity topic aggregation element to the first topic element corresponding to the first activity topic in response to a selection instruction for a first activity topic among the at least two activity topics includes:

[0011] In response to a selection instruction for a first activity theme among the at least two activity themes, the at least two theme entry controls are hidden, and the activity theme aggregation element is updated to the first theme element corresponding to the first activity theme.

[0012] In one possible implementation, the activity theme aggregation element displays the first theme element in an aggregated display style, where the aggregated display style is a display style that hides some theme elements; updating the activity theme aggregation element to the first theme element corresponding to the first activity theme includes:

[0013] The second theme element in the activity theme aggregation element is gradually hidden, and the first theme element is gradually rendered and completed; the second theme element is the theme element corresponding to the second activity theme, and the second activity theme is the activity theme other than the first activity theme among the at least two activity themes;

[0014] As the first theme element is gradually rendered and completed to become a full first theme element, the first theme element is displayed in a full display style; the full display style is used to display the full theme element.

[0015] In one possible implementation, displaying the first theme page of the first activity theme when the first theme element presents a preset animation effect includes:

[0016] Display the preset animation effects of the first theme element;

[0017] During the display of the preset animation effect, target page elements corresponding to the first theme elements in the first theme page are displayed;

[0018] When the positional relationship between the first theme element and the target page element satisfies a preset positional relationship, the first theme page is entered, and the first theme element and the target page element that satisfy the preset positional relationship are displayed on the first theme page.

[0019] In one possible implementation, the preset animation effect includes at least one of the following: flipping the first theme element; or moving the first theme element according to a preset trajectory; or playing a theme animation associated with the first theme element; or updating the display style of the first theme element; or a linkage animation effect between the first theme element and the target page element; wherein the target page element is a page element in the first theme page that corresponds to the first theme element.

[0020] In one possible implementation, the method further includes:

[0021] In response to the triggering of the first theme element in the first theme page, the business activity page is displayed, and in the business activity page, the first theme element is restored to be displayed in the complete display style according to the reverse process of the preset animation effect;

[0022] The second theme element is gradually rendered, and the gradually rendered second theme element is controlled to gradually hide the first theme element in order to present the active theme aggregation element.

[0023] In one possible implementation, the method further includes:

[0024] The theme entry controls for each activity theme are displayed in the associated area of ​​each activity theme in the activity theme aggregation element.

[0025] According to a second aspect of the present disclosure, a page display device is provided, comprising:

[0026] The page display module is configured to execute and display a business activity page for the target business activity. The business activity page displays activity theme aggregation elements for at least two activity themes. The activity theme aggregation elements can represent the theme elements of each of the at least two activity themes. The at least two activity themes are activity themes set under the target business activity.

[0027] The activity theme selection module is configured to execute an action in response to a selection instruction for a first activity theme among the at least two activity themes, and update the activity theme aggregation element to the first theme element corresponding to the first activity theme.

[0028] The theme page display module is configured to display the first theme page of the first activity theme when the first theme element presents a preset animation effect.

[0029] In one possible implementation, the business activity page further displays theme entry controls corresponding to each of the at least two activity themes; the device also includes:

[0030] The selection module is configured to generate a selection instruction for the first active theme in response to the triggering of the first theme entry control among at least two theme entry controls; the first theme entry control is the theme entry control corresponding to the first active theme.

[0031] In one possible implementation, the activity topic selection module includes:

[0032] The activity theme selection unit is configured to execute a selection instruction for a first activity theme among the at least two activity themes, hide the at least two theme entry controls, and update the activity theme aggregation element to the first theme element corresponding to the first activity theme.

[0033] In one possible implementation, the first theme element is displayed in an aggregated display style within the activity theme aggregation elements; the aggregated display style is a display style that hides some theme elements; the activity theme selection module includes:

[0034] The element gradually updating unit is configured to gradually hide the second theme element in the activity theme aggregate element and gradually render and complete the first theme element; the second theme element is the theme element corresponding to the second activity theme, and the second activity theme is the activity theme other than the first activity theme among the at least two activity themes;

[0035] The theme element display unit is configured to display the first theme element in a complete display style as the first theme element is gradually rendered and completed; the complete display style is used to display the complete theme element.

[0036] In one possible implementation, the theme page display module includes:

[0037] The element animation display unit is configured to execute the preset animation effect to display the first theme element;

[0038] The page element display unit is configured to display the target page element corresponding to the first theme element in the first theme page during the display process of the preset animation effect;

[0039] The theme page display unit is configured to, when the positional relationship between the first theme element and the target page element satisfies a preset positional relationship, enter the first theme page and display the first theme element and the target page element that satisfy the preset positional relationship on the first theme page.

[0040] In one possible implementation, the preset animation effect includes at least one of the following: flipping the first theme element; or moving the first theme element according to a preset trajectory; or playing a theme animation associated with the first theme element; or updating the display style of the first theme element; or a linkage animation effect between the first theme element and the target page element; wherein the target page element is a page element in the first theme page that corresponds to the first theme element.

[0041] In one possible implementation, the device further includes:

[0042] The business activity page display module is configured to respond to the triggering of the first theme element in the first theme page, display the business activity page, and restore the first theme element to be displayed in the complete display style in the business activity page according to the reverse process of the preset animation effect;

[0043] The activity theme aggregation element display module is configured to gradually render a second theme element and control the gradually rendered second theme element to gradually hide the first theme element in order to present the activity theme aggregation element.

[0044] In one possible implementation, the device further includes:

[0045] The theme entry control display module is configured to display the theme entry control corresponding to each activity theme in the associated area of ​​each activity theme in the activity theme aggregation element.

[0046] According to a third aspect of the present disclosure, an electronic device is provided, comprising: a processor; and a memory for storing processor-executable instructions; wherein the processor is configured to execute the instructions to implement the method as described in any one of the first aspects above.

[0047] According to a fourth aspect of the present disclosure, a computer-readable storage medium is provided such that, when instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to perform any of the methods described in the first aspect of the present disclosure.

[0048] According to a fifth aspect of the present disclosure, a computer program product is provided, including computer instructions that, when executed by a processor, cause a computer to perform the method described in any one of the first aspects of the present disclosure.

[0049] The technical solutions provided by the embodiments of this disclosure have at least the following beneficial effects:

[0050] By displaying the business activity page of the target business activity, the business activity page displays activity theme aggregation elements of at least two activity themes; the activity theme aggregation elements can represent the theme elements of each of the at least two activity themes; the at least two activity themes are activity themes set under the target business activity, so that the activity themes set under the target business activity can be fully displayed, the content display of the target business activity is more comprehensive, and users can conveniently and efficiently select different activity themes to participate in the target business activity, effectively improving the overall participation rate of the target business activity.

[0051] Furthermore, in response to the selection instruction for the first activity theme among the at least two activity themes, the activity theme aggregation element is updated to the first theme element corresponding to the first activity theme; when the first theme element displays a preset animation effect, the first theme page of the first activity theme is displayed. When an activity theme is selected, the user can first switch from the activity theme aggregation element to the theme element corresponding to the selected activity theme, making the activity theme switching process smoother and providing a more natural experience of guiding the user to the corresponding theme page. Furthermore, when switching to display the theme element corresponding to the selected activity theme, the preset animation effect of the first theme element is also displayed, making the interaction more diverse during the transition from the business activity page to the selected activity theme page. This enhances the interactivity and fun of the activity theme switching, effectively increasing the overall participation in the target business activity and improving the effectiveness of resource utilization.

[0052] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description

[0053] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure, and are not intended to unduly limit this disclosure.

[0054] Figure 1 This is a schematic diagram illustrating an application environment according to an exemplary embodiment.

[0055] Figure 2 This is a flowchart illustrating a page display method according to an exemplary embodiment.

[0056] Figure 3 This is a schematic diagram illustrating a business activity page for a target business activity, according to an exemplary embodiment.

[0057] Figure 4This is a schematic diagram illustrating a process of switching from a business activity page to displaying a first theme page, according to an exemplary embodiment.

[0058] Figure 5 This is a schematic diagram illustrating a scenario where a business activity page is triggered based on a first theme element in a first theme page, according to an exemplary embodiment.

[0059] Figure 6 This is a block diagram illustrating a page display device according to an exemplary embodiment.

[0060] Figure 7 This is a block diagram illustrating an electronic device for displaying a webpage, according to an exemplary embodiment.

[0061] Figure 8 This is a block diagram illustrating an electronic device for displaying a webpage, based on an exemplary embodiment. Detailed Implementation

[0062] To enable those skilled in the art to better understand the technical solutions of this disclosure, the technical solutions in the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying drawings.

[0063] It should be noted that the terms "first," "second," etc., used in the specification, claims, and accompanying drawings of this disclosure are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this disclosure described herein can be implemented in orders other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with this disclosure. Rather, they are merely examples of apparatuses and methods consistent with some aspects of this disclosure as detailed in the appended claims.

[0064] Please see Figure 1 , Figure 1 This is a schematic diagram illustrating an application environment according to an exemplary embodiment, such as... Figure 1 As shown, the application environment may include server 01 and terminal 02.

[0065] In an optional embodiment, terminal 02 can be used for page display processing. Specifically, terminal 02 can be, but is not limited to, electronic devices such as smartphones, desktop computers, tablets, laptops, smart speakers, digital assistants, augmented reality (AR) / virtual reality (VR) devices, and smart wearable devices. Optionally, the operating system running on the electronic device can be, but is not limited to, Android, iOS, Linux, and Windows. Optionally, terminal 02 can be a large-screen terminal, such as the aforementioned desktop computer, tablet, or laptop, which can better present the interactive process of activity theme switching, and the display of the activity theme switching process can be more flexible and rich. As an example, the page display processing in the embodiments of this specification can be performed on a tablet, and the page display processing can not be performed on small-screen terminals such as mobile phones. Optionally, the page display processing can also be set to be performed in the landscape display state of the tablet, and not performed in the portrait display state of the tablet, that is, the portrait state of the tablet can be regarded as a small-screen terminal such as a mobile phone. The page display settings can be configured by the user in both landscape and portrait modes of the tablet computer, and this disclosure does not impose any limitations on them.

[0066] In an optional embodiment, server 01 can be used to provide background support for page display processing in conjunction with terminal 02. Specifically, server 01 can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms.

[0067] In addition, it should be noted that, Figure 1 The example shown is merely one application environment of the page display method provided in this disclosure.

[0068] In the embodiments described in this specification, the server 01 and the terminal 02 can be directly or indirectly connected through wired or wireless communication, and this application does not impose any restrictions on this.

[0069] It should be noted that the following diagram illustrates one possible sequence of steps, and it is not strictly required to follow this order. Some steps can be performed in parallel without interdependence. The user information (including but not limited to user device information, user personal information, user behavior information, etc.) and data (including but not limited to data used for display, training data, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties.

[0070] Figure 2 This is a flowchart illustrating a page display method according to an exemplary embodiment. For example... Figure 2 As shown, the steps may include the following.

[0071] In step S201, the business activity page of the target business activity is displayed, which shows an activity theme aggregation element with at least two activity themes;

[0072] In the embodiments described in this specification, the target business activity can be a business activity set in the target platform, and the business activity page can refer to a page used to present the target business activity, such as a description and interactive content of the target business activity. The target platform may include a social platform, but this disclosure does not limit it.

[0073] For example, an activity theme can be set under the target business activity. This could involve setting multiple different activity themes (e.g., multiple activity interaction spaces or multiple activity venues, where "multiple" means two or more), allowing participants to engage in the target business activity through interaction within these themes. Therefore, these at least two activity themes can be the activity themes set under the target business activity.

[0074] The activity theme aggregation element for at least two activity themes can represent the theme elements of each of the at least two activity themes. The theme elements of each activity theme can refer to elements that express the theme of each activity. These theme elements can be pre-set by the target platform for each activity theme, and this disclosure does not limit this. For example, the activity theme aggregation element can include the theme elements of each of the at least two activity themes. Each theme element in the activity theme aggregation element can be fully or partially displayed. Partial display can refer to hiding a portion of the theme element, having a portion obscured, or merging theme elements, etc., and this disclosure does not limit this. Optionally, the activity theme aggregation element can be composed of the theme elements of each of the at least two activity themes aggregated together, for example, aggregated into a preset area of ​​the business activity page, which can effectively highlight the theme elements of each activity theme. The theme elements displayed in the preset area can be fully or partially displayed using a preset layout style. For example, the preset layout style can include, but is not limited to, arranged display, partial overlapping display, splicing display of some elements from each theme element, etc., and this disclosure does not limit this.

[0075] In one possible implementation, users can access different pages on the target platform. While browsing these pages, a target business activity can be triggered to access and display its activity page. In one example, the user might be pushed an entry point for the target business activity while browsing the page; clicking this entry point leads to the activity page, which is then displayed.

[0076] For example, the business activity page of the target business activity can be as follows: Figure 3 As shown, the target business activity has at least two activity themes: Game Hall and Screening Room. The business activity page displays an aggregated activity theme element for these two themes. This aggregated activity theme element can be partially displayed from the individual theme elements of each of the two activity themes; it can be viewed as a combination of partial elements from each theme element, or as partial elements of one theme element covering partial elements of the other theme element. For example… Figure 3 As shown in Figure 31, assuming the game room is called the first activity theme and the screening room is called the second activity theme, the first theme elements corresponding to the first activity theme in the activity theme aggregation elements can be aggregated as follows: Figure 3 As shown in 311, the left semicircle on the black background contains the second theme elements corresponding to the second activity theme, which, after aggregation, can be displayed as follows: Figure 3As shown in 312, the right semicircle is not limited in this disclosure. When at least two activity themes are set under the target business activity, using the activity theme to aggregate elements to present different activity themes can make different activity themes more visually appealing, thereby increasing the participation of each activity theme.

[0077] Optionally, the theme area corresponding to each activity theme in the activity theme aggregation element can be an area of ​​a preset shape. This preset shape may include, but is not limited to, rectangles, squares, sectors, etc., and this disclosure does not impose any limitations on it. For example, the preset shape may be as follows: Figure 3 As shown in 32 and 33, Figure 3 The 32 in the text could refer to the first theme area corresponding to the first activity theme. Figure 3 The 33 in the text can refer to the second theme area corresponding to the second activity theme. For example, the styles of the first theme area and the second theme area can be different, such as... Figure 3 The colors shown are different.

[0078] In one example, the business activity page can be like this: Figure 3 As shown, it can be displayed Figure 3 34 and 35 in the middle.

[0079] In another example, a business activity page could be like this: Figure 3 As shown, but may not be shown. Figure 3 34 and 35, for example Figure 5 As shown in the image below.

[0080] In step S203, in response to the selection instruction for the first active topic among at least two active topics, the active topic aggregation element is updated to the first topic element corresponding to the first active topic.

[0081] In the example of this specification, the instruction to select the first activity topic can be generated by performing a trigger operation at any position in the first topic area. The trigger operation may include, but is not limited to, clicking, long pressing, double-clicking, swiping, etc., and this disclosure does not limit it.

[0082] In one example, a rightward swipe operation on the first theme area 32 can cause the first theme area 32 to expand to the right and the aggregated first theme element 311 to be fully displayed to the right. The second theme area 33 and the aggregated second theme element 312 disappear to the right. In the case where the second theme area 33 and the aggregated second theme element 312 completely disappear or the aggregated second theme element 312 completely disappears, the activity theme aggregate element is updated to the first theme element corresponding to the first activity theme.

[0083] In an optional implementation, the aforementioned business activity page also displays at least two theme entry controls corresponding to each activity theme, for example... Figure 3 As shown in 34 and 35. Accordingly, the method may further include: generating a selection instruction for a first active theme in response to the triggering of a first theme entry control among at least two theme entry controls; the first theme entry control may be a theme entry control corresponding to the first active theme, for example... Figure 3 34 or 35.

[0084] By displaying at least two theme entry controls corresponding to each theme on the business activity page, the selection of activity themes becomes more intuitive and the interactive guidance for theme selection is better, thereby improving the interaction rate of activity themes.

[0085] Accordingly, the above-mentioned response to the selection instruction for the first activity theme among at least two activity themes, updating the activity theme aggregation element to the first theme element corresponding to the first activity theme, may include: in response to the selection instruction for the first activity theme among at least two activity themes, hiding the at least two theme entry controls, and updating the activity theme aggregation element to the first theme element corresponding to the first activity theme. By hiding the at least two theme entry controls and updating the activity theme aggregation element to the first theme element corresponding to the first activity theme when responding to the selection instruction for the first activity theme, the display transition process of the first theme element can be highlighted, while also saving control display resources.

[0086] In step S205, when the first theme element presents a preset animation effect, the first theme page of the first activity theme is displayed.

[0087] In the embodiments of this specification, the preset animation effect presented by the first theme element can refer to an animation effect that includes the first theme element. This disclosure does not limit the preset animation effect presented by the first theme element, as long as it enhances the interactivity during the theme switching process. As an example, the preset animation effect may include at least one of the following: flipping the first theme element; or moving the first theme element according to a preset trajectory; or playing a theme animation associated with the first theme element; or updating the display style of the first theme element (e.g., area, color, etc.); or a linkage animation effect between the first theme element and the target page element (e.g., including the first theme element and...). Figure 4(The target page element shown in Figure 41 is a linked animation effect). The target page element is the page element in the first theme page that corresponds to the first theme element. This disclosure does not limit this. By setting rich preset animation effects, the interaction during the switching process of the corresponding page of the activity theme under the target activity can be more flexible and interesting, which can effectively improve the sense of interactive participation. Furthermore, during the switching into the corresponding activity theme, the theme element of the activity theme is used to carry the preset animation effects, making the process of entering the interactive theme smoother and more natural, and the experience of switching activity themes is better.

[0088] It is understandable that the preset animation effect for the first theme element can refer to an animation effect that includes the first theme element. This preset animation effect can contain the fully displayed first theme element, meaning the fully displayed first theme element has an animation effect, such as a flip animation. Alternatively, the preset animation effect can contain a newly rendered first theme element, for example, the newly rendered first theme element may have a different size than the fully displayed first theme element. In other words, the first theme element can refer to a theme element pre-set for the first active theme (e.g.,...). Figure 4 (As shown in 42 or 43), its meaning does not change due to differences in size, color, etc.

[0089] In one possible implementation, the first theme page of the first activity theme can be displayed when the first theme element presents a preset animation effect. For example, the first theme page can be switched to be displayed, i.e., entering the theme space of the first activity theme, when the preset animation effect meets at least one of the following conditions. Exemplarily, the at least one condition includes, but is not limited to: the display of the preset animation effect presented by the first theme element ends; or, the display duration of the preset animation effect presented by the first theme element reaches a preset duration; or, the position of the first theme element during the presentation of the preset animation effect meets a preset position condition (e.g., a pre-set specified position or preset position relationship), etc., which are not limited in this disclosure.

[0090] By displaying the business activity page of the target business activity, the business activity page displays activity theme aggregation elements of at least two activity themes; these activity theme aggregation elements can represent the theme elements of each of the at least two activity themes; the at least two activity themes are activity themes set under the target business activity, so that all the activity themes set under the target business activity can be fully displayed, the content display of the target business activity is more comprehensive, and users can conveniently and efficiently select different activity themes to participate in the target business activity, effectively improving the overall participation rate of the target business activity.

[0091] Furthermore, in response to the selection instruction for the first activity theme among the at least two activity themes, the activity theme aggregation element is updated to the first theme element corresponding to the first activity theme; when the first theme element displays a preset animation effect, the first theme page of the first activity theme is displayed. When an activity theme is selected, the user can first switch from the activity theme aggregation element to the theme element corresponding to the selected activity theme, making the activity theme switching process smoother and providing a more natural experience of guiding the user to the corresponding theme page. Furthermore, when switching to display the theme element corresponding to the selected activity theme, the preset animation effect of the first theme element is also displayed, making the interaction more diverse during the transition from the business activity page to the selected activity theme page. This enhances the interactivity and fun of the activity theme switching, effectively increasing the overall participation in the target business activity and improving the effectiveness of resource utilization.

[0092] Reference Figure 4 In one optional implementation, the activity theme aggregation element can aggregate display styles to show the theme elements of each activity theme. This aggregate display style can be a display style that hides some theme elements, for example... Figure 3 or Figure 4 As shown in the top left image, the theme elements of the two event themes each have a half-circle hidden, and the event theme aggregation element is composed of half of each of the two theme elements. This is merely an example, and this disclosure does not limit the aggregation display style.

[0093] In one example, the first theme element is displayed in an aggregated style within the event theme aggregation element. Accordingly, updating the event theme aggregation element to the first theme element corresponding to the first event theme can include:

[0094] Gradually hide the second theme element within the event theme aggregation elements, and gradually render and complete the first theme element; the second theme element is the theme element corresponding to the second event theme, which is an event theme other than the first event theme among at least two event themes. For example, from... Figure 4 The top left image Figure 4 As shown in the upper right image, for example, the game arcade theme corresponds to the first theme element, and the screening room theme corresponds to the second theme element. The first theme element is gradually rendered and completed to the right, while the second theme element is gradually hidden to the right.

[0095] Furthermore, as the first theme element is gradually rendered and supplemented until it becomes a complete first theme element, it is displayed in its full display style; this full display style is used to display the complete theme element. For example... Figure 4 The right-hand image of the middle layer shows the complete first theme elements.

[0096] Optionally, during the gradual hiding and gradual rendering completion process, the first theme area and the second theme area also undergo gradual rendering completion and gradual hiding. For example, the first theme area is gradually rendered and completed so as to follow and cover the gradually rendered and completed first theme element, and the second theme area is gradually hidden so as to synchronize with the gradually hidden second theme element.

[0097] By setting the first theme element to be displayed in an aggregated display style within the event theme aggregate elements, when the first event theme is selected, the complete first theme element is gradually displayed while other second theme elements are hidden. This allows the first theme element of the first event theme to be presented during the transition to the first theme page, making the theme switching process smoother and more natural, and effectively improving the interactive experience of event theme switching.

[0098] In one possible implementation, the first theme page displaying the first activity theme when the first theme element presents a preset animation effect may include:

[0099] Display the preset animations of the first theme element, that is, display the preset animations that include the first theme element;

[0100] During the display of the preset animation effect, a target page element corresponding to the first theme element is displayed on the first theme page. This target page element can be a page element of the first theme page, and the first theme element and the target page element correspond within the first theme page. This correspondence can satisfy a preset positional relationship in the page layout of the first theme page. For example, the preset positional relationship may include, but is not limited to, the distance between the first theme element and the target page element being less than a preset distance, such as center overlap, etc. This disclosure does not limit this. Optionally, this correspondence can be pre-set, and this disclosure does not limit this. As an example, refer to... Figure 4 In the lower left image, the target page elements can be as follows: Figure 4 As shown in 41.

[0101] Furthermore, if the positional relationship between the first theme element and the target page element satisfies a preset positional relationship, the user enters the first theme page and displays the first theme element and the target page element that satisfy the preset positional relationship on the first theme page. As an example, the first theme page could be as follows: Figure 5 As shown in the image above.

[0102] For example, refer to Figure 4 In the left image of the middle layer, the preset animation for the first theme element can be a flip animation. Then, during this flip animation, the target page element can be displayed. Furthermore, if the first theme element lands on the target page element, for example... Figure 4As shown in the lower left image, one can enter the first activity theme to display the first theme page. Here, the first theme element falling on the target page element may include, but is not limited to: the first theme element and the target page element having an overlapping area; or, the first theme element falling on a specified position of the target page element, etc., the specified position may include the center position of the target page element, the position in the target page element that identifies the first theme element, etc., which are not limited in this disclosure.

[0103] By showcasing preset animations for the first theme element, and during the display of these animations, simultaneously displaying the corresponding target page element on the first theme page, and assuming the positional relationship between the first theme element and the target page element satisfies a preset relationship, the user enters the first theme page, where the first theme element and the target page element, both satisfying the preset positional relationship, are displayed. This makes the interactive presentation during the transition to the theme page richer and more engaging, and the theme switching process smoother and more natural, thereby effectively increasing participation in the target business activities.

[0104] Reference Figure 5 In one possible implementation, a user can return to a business activity page from a specific theme page to select another activity theme and participate in its interaction. This process can be shown as the reverse of selecting the first activity theme, making the page transition more engaging and interactive, effectively increasing activity participation. Based on this, the method may further include:

[0105] In response to the triggering of the first theme element on the first theme page, the business activity page is displayed. On the business activity page, following the reverse process of the preset animation, the first theme element is restored to its full display style, for example, from... Figure 4 The bottom left image Figure 4 The left side of the middle side, then... Figure 4 The right side of the middle layer.

[0106] Gradually render the second theme element, and control the gradual rendering of the second theme element to gradually hide the first theme element in order to reveal the active theme aggregation element. For example, from... Figure 4 The upper right image gradually transitions to Figure 5 The image below.

[0107] Optionally, the theme entry controls corresponding to each activity theme can also be displayed in the activity theme aggregation element's associated area, for example... Figure 4 As shown in the top left image. That is, from... Figure 4 The upper right image gradually transitions to Figure 4 The top left image.

[0108] By displaying the theme entry controls corresponding to each event theme in the associated areas of each event theme aggregation element, the convenience of selecting event themes can be improved.

[0109] In one application example, such as Figure 3 As shown, assume there are two activity themes under the target business activity: Game Hall and Screening Room, with Game Hall being the first activity theme and Screening Room the second. The target platform's page triggers navigation to the target business activity's activity page, for example... Figure 3 As shown, the business activity page can display a first theme area 32 (game room), a first theme entry control 34, a second theme area 33 (screening room), a second theme entry control 35, and an activity theme aggregation element 31. The activity theme aggregation element 31 can be composed of half a circle of the first theme element (game room) and half a circle of the second theme element (screening room). The first theme entry control 34 can be used to trigger entry into the game room, and the second theme entry control 35 can be used to trigger entry into the screening room.

[0110] For example, refer to Figure 4 Clicking the first theme entry control 34 will hide both the first theme entry control 34 and the second theme entry control 35. The second theme element and the second theme area within the active theme aggregation element will gradually hide to the right, while the first theme element and the first theme area will gradually be rendered and completed. For example, from... Figure 4 The top left image Figure 4 As shown in the upper right image.

[0111] Furthermore, as the first theme element is gradually rendered and supplemented until it becomes a complete first theme element, the first theme element is displayed in its full display style. For example... Figure 4 As shown in the right-hand image of the middle layer, the complete elements of the first theme are displayed. Optionally, the first theme area can also be completely covered by the first theme area. This visually and intuitively expresses the selection of the first activity theme and conveys the information that the first activity theme is about to be entered, resulting in better transition between activity themes.

[0112] For example, refer to Figure 4 In the left image of the middle layer, the preset animation effect for the first theme element can be a flip animation. During this flip animation, a mask can be displayed above the first theme element and the first theme area in its full display style to highlight the first theme element within the flip animation. It can also display target page elements on the first theme page that correspond to the first theme element. If the first theme element falls on that target page element, for example... Figure 4 As shown in the lower left image, this can trigger entry into the first activity theme, displaying the first theme page. As an example, the first theme page could look like this: Figure 5 As shown in the image above, this first theme page can also display information about multiple mini-games, such as game images and text below the game images.

[0113] Optionally, refer to Figure 5 In response to the triggering of the first theme element on the first theme page, the business activity page is displayed. Within the business activity page, following the reverse process of the preset animation, the first theme element is restored to its full display style. For example, clicking... Figure 5 The first theme element in the image above can fly out of the center of the target page element, for example... Figure 4 As shown in the lower left image, the target page element can then disappear, and the first element can be flipped, for example... Figure 4 As shown in the left image of the middle side, during this flip, a mask can be displayed above the fully exposed first subject element and the first subject area. Furthermore, the mask can be hidden when the flip animation stops, for example... Figure 4 The diagram on the right side of the middle layer is shown.

[0114] It can also gradually render the second theme element and control the gradually rendered second theme element to gradually hide the first theme element in order to present the active theme aggregation element. For example, from... Figure 4 The upper right image gradually transitions to Figure 5 The image below shows an example. Optionally, you can also display the theme entry controls corresponding to each activity theme in each theme area, for example... Figure 4 As shown in the top left image, it can be seen from... Figure 4 The upper right image gradually transitions to Figure 4 The top left image.

[0115] The page display method described in this embodiment enables engaging switching between event venues (event themes), effectively boosting user participation and addressing the issue of low click-through rates during venue transitions. Furthermore, the interactive guidance during venue switching enhances user immersion during the event experience, improving the overall user experience. The interactive elements are also rich when reselecting a venue, further enriching the interactive experience.

[0116] Figure 6 This is a block diagram illustrating a page display device according to an exemplary embodiment. (Refer to...) Figure 6 The device may include:

[0117] The page display module 601 is configured to execute a business activity page that displays the target business activity. The business activity page displays activity theme aggregation elements for at least two activity themes. The activity theme aggregation elements can represent the theme elements of each of the at least two activity themes. The at least two activity themes are activity themes set under the target business activity.

[0118] The activity theme selection module 603 is configured to execute, in response to a selection instruction for a first activity theme among the at least two activity themes, update the activity theme aggregation element to the first theme element corresponding to the first activity theme;

[0119] The theme page display module 605 is configured to display the first theme page of the first activity theme when the first theme element presents a preset animation effect.

[0120] By displaying the business activity page of the target business activity, the business activity page displays activity theme aggregation elements of at least two activity themes; the activity theme aggregation elements can represent the theme elements of each of the at least two activity themes; the at least two activity themes are activity themes set under the target business activity, so that the activity themes set under the target business activity can be fully displayed, the content display of the target business activity is more comprehensive, and users can conveniently and efficiently select different activity themes to participate in the target business activity, effectively improving the overall participation rate of the target business activity.

[0121] Furthermore, in response to the selection instruction for the first activity theme among the at least two activity themes, the activity theme aggregation element is updated to the first theme element corresponding to the first activity theme; when the first theme element displays a preset animation effect, the first theme page of the first activity theme is displayed. When an activity theme is selected, the user can first switch from the activity theme aggregation element to the theme element corresponding to the selected activity theme, making the activity theme switching process smoother and providing a more natural experience of guiding the user to the corresponding theme page. Furthermore, when switching to display the theme element corresponding to the selected activity theme, the preset animation effect of the first theme element is also displayed, making the interaction more diverse during the transition from the business activity page to the selected activity theme page. This enhances the interactivity and fun of the activity theme switching, effectively increasing the overall participation in the target business activity and improving the effectiveness of resource utilization.

[0122] In one possible implementation, the business activity page further displays theme entry controls corresponding to each of the at least two activity themes; the device may also include:

[0123] The selection module is configured to generate a selection instruction for the first active theme in response to the triggering of the first theme entry control among at least two theme entry controls; the first theme entry control is the theme entry control corresponding to the first active theme.

[0124] In one possible implementation, the activity topic selection module 603 may include:

[0125] The activity theme selection unit is configured to execute a selection instruction for a first activity theme among the at least two activity themes, hide the at least two theme entry controls, and update the activity theme aggregation element to the first theme element corresponding to the first activity theme.

[0126] In one possible implementation, the first theme element is displayed in an aggregated display style within the activity theme aggregation elements; the aggregated display style is a display style that hides some theme elements; the activity theme selection module 603 may include:

[0127] The element gradually updating unit is configured to gradually hide the second theme element in the activity theme aggregate element and gradually render and complete the first theme element; the second theme element is the theme element corresponding to the second activity theme, and the second activity theme is the activity theme other than the first activity theme among the at least two activity themes;

[0128] The theme element display unit is configured to display the first theme element in a complete display style as the first theme element is gradually rendered and completed; the complete display style is used to display the complete theme element.

[0129] In one possible implementation, the theme page display module 605 may include:

[0130] The element animation display unit is configured to execute the preset animation effect to display the first theme element;

[0131] The page element display unit is configured to display the target page element corresponding to the first theme element in the first theme page during the display process of the preset animation effect;

[0132] The theme page display unit is configured to, when the positional relationship between the first theme element and the target page element satisfies a preset positional relationship, enter the first theme page and display the first theme element and the target page element that satisfy the preset positional relationship on the first theme page.

[0133] In one possible implementation, the preset animation effect includes at least one of the following: flipping the first theme element; or moving the first theme element according to a preset trajectory; or playing a theme animation associated with the first theme element; or updating the display style of the first theme element; or a linkage animation effect between the first theme element and the target page element; wherein the target page element is a page element in the first theme page that corresponds to the first theme element.

[0134] In one possible implementation, the device may further include:

[0135] The business activity page display module is configured to respond to the triggering of the first theme element in the first theme page, display the business activity page, and restore the first theme element to be displayed in the complete display style in the business activity page according to the reverse process of the preset animation effect;

[0136] The activity theme aggregation element display module is configured to gradually render a second theme element and control the gradually rendered second theme element to gradually hide the first theme element in order to present the activity theme aggregation element.

[0137] In one possible implementation, the device may further include:

[0138] The theme entry control display module is configured to display the theme entry control corresponding to each activity theme in the associated area of ​​each activity theme in the activity theme aggregation element.

[0139] Regarding the apparatus in the above embodiments, the specific manner in which each module performs its operation has been described in detail in the embodiments related to the method, and will not be elaborated upon here.

[0140] Figure 7 This is a block diagram illustrating an electronic device for displaying a webpage according to an exemplary embodiment. The electronic device may be a terminal, and its internal structure diagram may be as follows: Figure 7As shown, the electronic device includes a processor, memory, network interface, display screen, and input devices connected via a system bus. The processor provides computing and control capabilities. The memory includes a non-volatile storage medium and internal memory. The non-volatile storage medium stores the operating system and computer programs. The internal memory provides an environment for the operation of the operating system and computer programs stored in the non-volatile storage medium. The network interface is used to communicate with external terminals via a network connection. When the computer program is executed by the processor, it implements a page display method. The display screen can be a liquid crystal display (LCD) or an e-ink display. The input devices can be a touch layer covering the display screen, buttons, a trackball, or a touchpad mounted on the device's casing, or an external keyboard, touchpad, or mouse.

[0141] Those skilled in the art will understand that Figure 7 The structure shown is merely a block diagram of a portion of the structure related to the present disclosure and does not constitute a limitation on the electronic device to which the present disclosure is applied. A specific electronic device may include more or fewer components than those shown in the figure, or combine certain components, or have different component arrangements.

[0142] Figure 8 This is a block diagram illustrating an electronic device for page display based on an exemplary embodiment. The electronic device may be a server, and its internal structure diagram may be as follows: Figure 8 As shown, the electronic device includes a processor, memory, and a network interface connected via a system bus. The processor provides computing and control capabilities. The memory includes a non-volatile storage medium and internal memory. The non-volatile storage medium stores the operating system and computer programs. The internal memory provides an environment for the operation of the operating system and computer programs stored in the non-volatile storage medium. The network interface is used to communicate with external terminals via a network connection. When the computer program is executed by the processor, it implements a method for displaying a webpage.

[0143] Those skilled in the art will understand that Figure 8 The structure shown is merely a block diagram of a portion of the structure related to the present disclosure and does not constitute a limitation on the electronic device to which the present disclosure is applied. A specific electronic device may include more or fewer components than those shown in the figure, or combine certain components, or have different component arrangements.

[0144] In an exemplary embodiment, an electronic device is also provided, including: a processor; and a memory for storing processor-executable instructions; wherein the processor is configured to execute the instructions to implement the page display method as described in the embodiments of this disclosure.

[0145] In an exemplary embodiment, a computer-readable storage medium is also provided, which, when executed by a processor of an electronic device, enables the electronic device to perform the page display method of this disclosure. The computer-readable storage medium may be a ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, or optical data storage device, etc.

[0146] In an exemplary embodiment, a computer program product containing instructions is also provided, which, when run on a computer, causes the computer to perform the page display method in the embodiments of this disclosure.

[0147] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. This computer program can be stored in a non-volatile computer-readable storage medium. When executed, the computer program can include the processes of the embodiments of the above methods. Any references to memory, storage, databases, or other media used in the embodiments provided in this application can include non-volatile and / or volatile memory. Non-volatile memory can include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in various forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), dual data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link DRAM (SLDRAM), RAMbus direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and RAMbus dynamic RAM (RDRAM), etc.

[0148] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of this disclosure are indicated by the following claims.

[0149] It should be understood that this disclosure is not limited to the precise structures described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this disclosure is limited only by the appended claims.

Claims

1. A page display method, characterized in that, include: The business activity page displays the target business activity, and the business activity page displays an activity theme aggregation element with at least two activity themes; The activity theme aggregation element can represent the theme elements of each of the at least two activity themes; the at least two activity themes are activity themes set under the target business activity; In response to a selection instruction for a first activity theme among the at least two activity themes, updating the activity theme aggregation element to a first theme element corresponding to the first activity theme includes: gradually hiding a second theme element in the activity theme aggregation element and gradually rendering and completing the first theme element; the second theme element is a theme element corresponding to a second activity theme, and the second activity theme is an activity theme other than the first activity theme among the at least two activity themes; when the first theme element is gradually rendered and completed to a complete first theme element, displaying the first theme element in a complete display style; the complete display style is used to display the complete theme element; the first theme element is displayed in an aggregation display style in the activity theme aggregation element, and the aggregation display style is a display style that hides some theme elements; When the first theme element displays a preset animation effect, the first theme page of the first activity theme is displayed.

2. The method according to claim 1, characterized in that, The business activity page also displays theme entry controls corresponding to each of the at least two activity themes; the method further includes: In response to the triggering of the first theme entry control among at least two theme entry controls, a selection instruction for the first active theme is generated; the first theme entry control is the theme entry control corresponding to the first active theme.

3. The method according to claim 2, characterized in that, The step of updating the activity topic aggregation element to the first topic element corresponding to the first activity topic in response to the selection instruction for the first activity topic among the at least two activity topics includes: In response to a selection instruction for a first activity theme among the at least two activity themes, the at least two theme entry controls are hidden, and the activity theme aggregation element is updated to the first theme element corresponding to the first activity theme.

4. The method according to claim 1, characterized in that, The step of displaying the first theme page of the first activity theme when the first theme element presents a preset animation effect includes: Display the preset animation effects of the first theme element; During the display of the preset animation effect, target page elements corresponding to the first theme elements in the first theme page are displayed; When the positional relationship between the first theme element and the target page element satisfies a preset positional relationship, the first theme page is entered, and the first theme element and the target page element that satisfy the preset positional relationship are displayed on the first theme page.

5. The method according to claim 4, characterized in that, The preset animation effect includes at least one of the following: flipping the first theme element; or moving the first theme element according to a preset trajectory; or playing a theme animation associated with the first theme element; or updating the display style of the first theme element; or a linkage animation effect between the first theme element and the target page element; wherein the target page element is the page element in the first theme page that corresponds to the first theme element.

6. The method according to claim 4, characterized in that, The method further includes: In response to the triggering of the first theme element in the first theme page, the business activity page is displayed, and in the business activity page, the first theme element is restored to be displayed in the complete display style according to the reverse process of the preset animation effect; The second theme element is gradually rendered, and the gradually rendered second theme element is controlled to gradually hide the first theme element in order to present the active theme aggregation element.

7. The method according to claim 6, characterized in that, The method further includes: The theme entry controls for each activity theme are displayed in the associated area of ​​each activity theme in the activity theme aggregation element.

8. A page display device, characterized in that, include: The page display module is configured to execute and display a business activity page for the target business activity, wherein the business activity page displays an activity theme aggregation element with at least two activity themes. The activity theme aggregation element can represent the theme elements of each of the at least two activity themes; the at least two activity themes are activity themes set under the target business activity; The activity theme selection module is configured to execute a response to a selection instruction for a first activity theme among the at least two activity themes, gradually hiding a second theme element in the activity theme aggregation elements, and gradually rendering and completing the first theme element corresponding to the first activity theme; the second theme element is a theme element corresponding to a second activity theme, and the second activity theme is an activity theme other than the first activity theme among the at least two activity themes; when the first theme element is gradually rendered and completed until the first theme element is complete, the first theme element is displayed in a complete display style; The complete display style is used to display the complete theme elements; the first theme element is displayed in the aggregated display style among the activity theme aggregate elements, and the aggregated display style is a display style that hides some theme elements; The theme page display module is configured to display the first theme page of the first activity theme when the first theme element presents a preset animation effect.

9. An electronic device, characterized in that, include: processor; Memory used to store the processor's executable instructions; The processor is configured to execute the instructions to implement the page display method as described in any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that, When the instructions in the computer-readable storage medium are executed by the processor of the electronic device, the electronic device is enabled to perform the page display method as described in any one of claims 1 to 7.

11. A computer program product, characterized in that, Includes computer instructions, which, when executed by a processor, cause the computer to perform the page display method as described in any one of claims 1 to 7.

Images