Page display method and device, electronic equipment and storage medium

Abstract

The invention relates to a page display method and device, electronic equipment and a storage medium. The method comprises the steps of displaying a business activity page of a target business activity, wherein activity theme aggregation elements of at least two activity themes are displayed in the business activity page; the activity topic aggregation element can represent respective topic elements of the at least two activity topics; 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 in the at least two activity themes, updating the activity theme aggregation element as a first theme element corresponding to the first activity theme; and under the condition that the first theme element presents a preset dynamic effect, displaying a first theme page of the first activity theme. According to the technical scheme provided by the invention, the interaction experience in an activity theme switching process under the target service activity can be improved.

Description

Technical Field

[0001] The present disclosure relates to the field of Internet application technologies, and in particular, to a page display method, apparatus, electronic device, and storage medium. Background Art

[0002] With the wide use of Internet applications, online interactions have become increasingly rich. For example, different business activities can be set in social applications to enhance interactivity. In related technologies, the entrance (such as an entrance widget, etc.) of multiple venues (or called themes) under the business activity will be displayed on the activity page corresponding to the business activity. Clicking on the corresponding entrance can jump point-to-point to the corresponding venue. The interaction method for venue switching is fixed and single, resulting in poor interactivity and low participation in business activities, thus causing waste of display resources. Summary of the Invention

[0003] The present disclosure provides a page display method, apparatus, electronic device, and storage medium, which can at least improve the interaction experience during the switching of activity themes under the target business activity. The technical solution of the present disclosure is as follows: According to a first aspect of an embodiment of the present disclosure, a page display method is provided, including: Display a business activity page of a target business activity, where at least two activity theme aggregation elements of activity themes are displayed on the business activity page; the activity theme aggregation element can represent the theme elements of the at least two activity themes respectively; the at least two activity themes are the 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, update the activity theme aggregation element to a first theme element corresponding to the first activity theme; When a preset dynamic effect is presented in the first theme element, display a first theme page of the first activity theme.

[0004] In a possible implementation manner, theme entrance controls corresponding to the at least two activity themes are further displayed on the business activity page; the method further includes: In response to the triggering of a first theme entrance control among at least two of the theme entrance controls, generate a selection instruction for the first activity theme; the first theme entrance control is the theme entrance control corresponding to the first activity theme.

[0005] In a possible implementation manner, the step of updating the activity theme aggregation element to a first theme element corresponding to the first activity theme in response to a selection instruction for a first activity theme among the at least two activity themes includes: In response to a selection instruction for the first active theme among the at least two active themes, hide the at least two theme entry controls, and update the active theme aggregation element to the first theme element corresponding to the first active theme.

[0006] In a possible implementation, the first theme element is displayed in an aggregated display style in the active theme aggregation element, and the aggregated display style is a display style that hides some theme elements; the updating the active theme aggregation element to the first theme element corresponding to the first active theme includes: Gradually hide the second theme element in the active theme aggregation element, and gradually render and complete the first theme element; the second theme element is the theme element corresponding to the second active theme, and the second active theme is the active theme other than the first active theme among the at least two active themes; When the first theme element is gradually rendered and completed to the complete first theme element, display the first theme element in a complete display style; the complete display style is used to display complete theme elements.

[0007] In a possible implementation, the displaying the first theme page of the first active theme when the first theme element presents a preset dynamic effect includes: Display the preset dynamic effect of the first theme element; During the display of the preset dynamic effect, display the target page element corresponding to the first theme element in the first theme page; 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 in the first theme page.

[0008] In a possible implementation, the preset dynamic effect includes at least one of the following: flipping the first theme element; or moving the first theme element along 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 dynamic effect between the first theme element and the target page element; the target page element is the page element corresponding to the first theme element in the first theme page.

[0009] In a possible implementation, 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 to present the activity theme aggregation element.

[0010] In a possible implementation manner, the method further includes: Theme entry controls corresponding to each activity theme are displayed in each activity theme association area of the activity theme aggregation element.

[0011] According to a second aspect of the embodiments of the present disclosure, a page display device is provided, including: A page display module configured to display a business activity page of a target business activity, where an activity theme aggregation element of at least two activity themes is displayed in the business activity page; the activity theme aggregation element can represent the theme elements of the at least two activity themes; the at least two activity themes are activity themes set under the target business activity; An activity theme selection module configured to update the activity theme aggregation element to a first theme element corresponding to the first activity theme in response to a selection instruction for the first activity theme among the at least two activity themes; A theme page display module configured to display a first theme page of the first activity theme when the first theme element presents a preset animation effect.

[0012] In a possible implementation manner, theme entry controls corresponding to the at least two activity themes are further displayed in the business activity page; the device further includes: A selection module configured to generate a selection instruction for the first activity theme in response to the triggering of a first theme entry control among at least two of the theme entry controls; the first theme entry control is a theme entry control corresponding to the first activity theme.

[0013] In a possible implementation manner, the activity theme selection module includes: An activity theme selection unit configured to hide the at least two theme entry controls and update the activity theme aggregation element to a first theme element corresponding to the first activity theme in response to a selection instruction for the first activity theme among the at least two activity themes.

[0014] In a possible implementation manner, the first theme element is displayed in the activity theme aggregation element in an aggregated display style, and the aggregated display style is a display style that hides some theme elements; the activity theme selection module includes: An element gradual update unit, configured to gradually hide the second theme element in the activity theme aggregation 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; A theme element display unit, configured to, when the first theme element is gradually rendered and completed to the complete first theme element, display the first theme element in a complete display style; the complete display style is used to display a complete theme element.

[0015] In a possible implementation manner, the theme page display module includes: An element dynamic effect display unit, configured to display the preset dynamic effect of the first theme element; A page element display unit, 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 dynamic effect; A theme page display unit, 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 in the first theme page.

[0016] In a possible implementation manner, the preset dynamic effect includes at least one of the following: flipping the first theme element; or moving the first theme element along 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 dynamic effect between the first theme element and the target page element; the target page element is the page element corresponding to the first theme element in the first theme page.

[0017] In a possible implementation manner, the device further includes: A service activity page display module, configured to, in response to the trigger of the first theme element in the first theme page, display the service activity page, and in the service activity page, restore the first theme element to be displayed in the complete display style according to the reverse process of the preset dynamic effect; The activity theme aggregation element display module is configured to perform gradually rendering the second theme element and control the gradually rendered second theme element to gradually hide the first theme element to present the activity theme aggregation element.

[0018] In a possible implementation, the apparatus further includes: The theme entry control display module is configured to perform displaying theme entry controls corresponding to respective activity themes in respective activity theme associated areas of the activity theme aggregation element.

[0019] According to a third aspect of the embodiments of the present disclosure, there is provided an electronic device, including: a processor; a memory for storing instructions executable by the processor; wherein, the processor is configured to execute the instructions to implement the method according to any one of the first aspects as described above.

[0020] According to a fourth aspect of the embodiments of the present disclosure, there is provided a computer-readable storage medium, when instructions in the computer-readable storage medium are executed by a processor of an electronic device, enabling the electronic device to execute the method according to any one of the first aspects of the embodiments of the present disclosure. According to a fifth aspect of the embodiments of the present disclosure, there is provided a computer program product, including computer instructions, when the computer instructions are executed by a processor, enabling a computer to execute the method according to any one of the first aspects of the embodiments of the present disclosure.

[0021] The technical solutions provided by the embodiments of the present disclosure at least bring the following beneficial effects: By displaying a business activity page of a target business activity, at least two activity theme aggregation elements of at least two activity themes are displayed in the business activity page; the activity theme aggregation element can represent respective theme elements 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 more fully displayed, the content display of the target business activity is more comprehensive, enabling a user to conveniently and efficiently select different activity themes to participate in the target business activity, effectively improving the overall participation degree of the target business activity.

[0022] Further, 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 a first theme element corresponding to the first activity theme; when a preset dynamic effect is presented on the first theme element, display a first theme page of the first activity theme. When selecting a certain activity theme, it is possible to 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 the experience of guiding to the corresponding theme page with the corresponding theme element is also more natural. And when switching to display the theme element corresponding to the selected activity theme, a preset dynamic effect of the first theme element is also displayed, making the interaction method more diverse during the transition from the business activity page to the page of the selected activity theme, thereby improving the interaction and interest of the activity theme switching, effectively enhancing the overall participation of the target business activity, and improving the usage effectiveness of the display resources.

[0023] It should be understood that the above general description and the following detailed description are only exemplary and explanatory, and cannot limit the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0024] The accompanying drawings herein are incorporated into the specification and constitute a part of this specification, showing embodiments consistent with the present disclosure, and are used together with the specification to explain the principles of the present disclosure, and do not constitute an improper limitation of the present disclosure.

[0025] Figure 1 is a schematic diagram of an application environment shown according to an exemplary embodiment.

[0026] Figure 2 is a flowchart of a page display method shown according to an exemplary embodiment.

[0027] Figure 3 is a schematic diagram of the display of a business activity page of a target business activity shown according to an exemplary embodiment.

[0028] Figure 4 is a schematic diagram of the process of switching from a business activity page to the display of a first theme page shown according to an exemplary embodiment.

[0029] Figure 5 is a schematic diagram of the display of triggering from a first theme element in a first theme page to a business activity page shown according to an exemplary embodiment.

[0030] Figure 6 is a block diagram of a page display device shown according to an exemplary embodiment.

[0031] Figure 7It is a block diagram of an electronic device for page display shown according to an exemplary embodiment.

[0032] Figure 8 It is a block diagram of an electronic device for page display shown based on an exemplary embodiment. Detailed implementation manners

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

[0034] It should be noted that the terms "first", "second", etc. in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar objects and do not necessarily need to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged under appropriate circumstances so that the embodiments of the present disclosure described here can be implemented in an order different from those illustrated or described here. The implementation manners described in the following exemplary embodiments do not represent all implementation manners consistent with the present disclosure. On the contrary, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0035] Please refer to Figure 1 , Figure 1 It is a schematic diagram of an application environment shown according to an exemplary embodiment. As Figure 1 shown, the application environment may include a server 01 and a terminal 02.

[0036] In an optional embodiment, the terminal 02 can be used for page display processing. Specifically, the terminal 02 can include, but is not limited to, electronic devices such as smart phones, desktop computers, tablet computers, laptop computers, smart speakers, digital assistants, augmented reality (AR) / virtual reality (VR) devices, and smart wearable devices. Optionally, the operating systems running on the electronic devices can include, but are not limited to, Android, IOS, Linux, Windows, etc. Optionally, the terminal 02 can be a large-screen terminal, such as the above-mentioned desktop computer, tablet computer, laptop computer, etc., so that the display during the interactive process of the activity theme switching can be better presented, and the display during the activity theme switching process can be more flexible and rich. As an example, for instance, the page display processing in the embodiments of this specification can be performed on a tablet computer, and this page display processing is not performed on small-screen terminals such as mobile phones. Optionally, it can also be set to execute this page display processing in the landscape display state of the tablet computer, and not perform this page display processing in the portrait display state of the tablet computer, that is, the portrait screen of the tablet computer can be regarded as a kind of small-screen terminal such as a mobile phone. Among them, for the page display processing in the landscape display state and / or the portrait display state of the tablet computer, it can be set by the user, and the present disclosure does not limit this.

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

[0038] In addition, it should be noted that Figure 1 What is shown is only an application environment of the page display method provided by the present disclosure.

[0039] In the embodiments of this specification, the above-mentioned server 01 and terminal 02 can be directly or indirectly connected through wired or wireless communication methods, and this application does not limit this.

[0040] It should be noted that the following figures show a possible sequence of steps, but in fact, it is not necessarily limited to strictly follow this sequence. Some steps can be executed in parallel without depending on each other. 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 for display, training data, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties.

[0041] Figure 2 is a flowchart of a page display method shown according to an exemplary embodiment. As Figure 2 shown, the following steps may be included.

[0042] In step S201, display a business activity page of the target business activity, and at least two activity theme aggregation elements of the activity themes are displayed in the business activity page; In the embodiments of this specification, the target business activity may be a business activity set in the target platform, and the business activity page may refer to a page for presenting the target business activity, such as a page for presenting descriptions and interactions of the target business activity. The target platform may include a social platform, and this disclosure is not limited thereto.

[0043] Exemplarily, activity themes may be set under the target business activity. For example, multiple different activity themes may be set (for example, they can be regarded as multiple activity interaction spaces or multiple activity venues, where multiple means greater than or equal to two), and participate in the target business activity through the interaction of the activity themes. Based on this, the at least two activity themes may be the activity themes set under the target business activity.

[0044] The activity theme aggregation elements of the at least two activity themes can represent the theme elements of the at least two activity themes respectively. The theme elements of each activity theme may refer to elements that can express each activity theme. The theme elements may be pre-set by the target platform for each activity theme, and this disclosure is not limited thereto. Exemplarily, the activity theme aggregation element may include the theme elements of the at least two activity themes respectively. Each theme element in the activity theme aggregation element may be fully displayed or partially displayed. The partial display may refer to hiding a part of the area of the theme element, having a part of the area blocked, or fusing elements between theme elements, etc., and this disclosure is not limited thereto. Optionally, the activity theme aggregation element may be composed of the theme elements of the at least two activity themes aggregated together, for example, aggregated to a preset area of the business activity page, so as to effectively highlight the theme elements of each activity theme. Among them, each theme element displayed in the preset area may be fully displayed or partially displayed in a preset layout style. For example, the preset layout style may include but is not limited to arranged display, partial overlay display, and splicing display of some elements in each theme element, etc., and this disclosure is not limited thereto.

[0045] In a possible implementation, it is possible to enter the target platform to browse different pages. When browsing the page content, it is possible to trigger a target business activity to enter the business activity page of the target business activity, thereby displaying the business activity page of the target business activity. In one example, for instance, the activity entry information of the target business activity is pushed on the browsing page, so that the activity entry information can be clicked to enter the business activity page of the target business activity to display the business activity page of the target business activity.

[0046] Exemplarily, the business activity page of the target business activity can be as Figure 3 shown. There are at least two activity themes set under the target business activity, which are two activity themes: arcade and screening room. The activity theme aggregation element of these two activity themes is displayed on the business activity page. The activity theme aggregation element can be partially displayed by the theme elements of these two activity themes respectively. It can be regarded as the partial elements of the theme elements of these two activity themes spliced together, or it can be regarded as the partial elements of one theme element covering the partial elements of another theme element. For example Figure 3 as shown in 31. Among them, assuming that the arcade is called the first activity theme and the screening room is called the second activity theme, then the first theme element corresponding to the first activity theme in the activity theme aggregation element can be aggregated as Figure 3 shown in 311, the left semi-circle with a black background, and the second theme element corresponding to the second activity theme can be aggregated as Figure 3 shown in 312, the semi-circle on the right. The present disclosure does not make any limitations in this regard. When at least two activity themes are set under the target business activity, presenting different activity themes with the activity theme aggregation element can enable different activity themes to receive better attention visually, thereby improving the participation rate of each activity theme.

[0047] Optionally, the theme areas corresponding to each activity theme in the activity theme aggregation element can be areas with a preset shape. The preset shape can include but is not limited to a rectangle, a square, a sector, etc. The present disclosure does not make any limitations in this regard. For example, the preset shape can be as Figure 3 shown in 32 and 33 in Figure 3 32 in Figure 3 can refer to the first theme area corresponding to the first activity theme, and Figure 3 33 in

[0048] In one example, the business activity page can be as Figure 3 shown, and can display Figure 3 34 and 35 in

[0049] In another example, the business activity page can be as Figure 3 shown, but may not display Figure 3 34 and 35 in Figure 5 as shown in the following figure.

[0050] In step S203, in response to a selection instruction for a first activity theme among at least two activity themes, update the activity theme aggregation element to a first theme element corresponding to the first activity theme.

[0051] In the examples of this specification, the selection instruction for the first activity theme can be generated by performing a triggering operation at any position in the first theme area. The triggering operation can include, but is not limited to, operations such as clicking, long pressing, double clicking, and swiping. The present disclosure does not limit this.

[0052] In one example, for example, performing a right - swiping 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 complemented to the right for a complete display. The second theme area 33 and the aggregated second theme element 312 fade out to the right. When the second theme area 33 and the aggregated second theme element 312 completely disappear or the aggregated second theme element 312 completely disappears, update the activity theme aggregation element to the first theme element corresponding to the first activity theme.

[0053] In an optional implementation manner, at least two theme entry controls corresponding to each of the at least two activity themes are further displayed in the above - mentioned business activity page, for example Figure 3 as shown by 34 and 35 in Figure 3 Accordingly, the method may further include: generating a selection instruction for the first activity theme in response to the triggering of a first theme entry control among at least two theme entry controls; the first theme entry control can be a theme entry control corresponding to the first activity theme, for example

[0054] By setting that at least two theme entry controls corresponding to each of the at least two activity themes are further displayed in the business activity page, the selection of the activity theme can be made more intuitive, and the interactive guidance for the selection of the activity theme is better, thereby improving the interaction rate of the activity theme.

[0055] Accordingly, in response to the selection instruction for the first active theme among at least two active themes, updating the active theme aggregation element to the first theme element corresponding to the first active theme may include: in response to the selection instruction for the first active theme among at least two active themes, hiding the at least two theme entry controls and updating the active theme aggregation element to the first theme element corresponding to the first active theme. When responding to the selection instruction for the first active theme, by hiding the at least two theme entry controls and updating the active theme aggregation element to the first theme element corresponding to the first active theme, the display transition process of the first theme element can be highlighted and control display resources can be saved.

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

[0057] In the embodiments of this specification, the preset motion effect presented by the first theme element may refer to the motion effect including the first theme element. This disclosure does not limit the preset motion effect presented by the first theme element, as long as it can enhance the sense of interactivity during the switching of the activity theme. As an example, the preset motion effect may include at least one of the following: flipping the first theme element; or moving the first theme element along a preset trajectory; or playing the theme animation associated with the first theme element; or updating the display style of the first theme element (such as area, color, etc.); or the linkage motion effect between the first theme element and the target page element (such as including the first theme element and Figure 4 The target page element is the page element corresponding to the first theme element in the first theme page, and the present disclosure does not limit this. By setting a variety of preset animations, the interaction in the switching process of the activity theme corresponding page under the target activity can be made more flexible and interesting, which can effectively enhance the sense of interactive participation, and in the process of switching into the corresponding activity theme, the theme element of the activity theme is used to carry the preset animation, making the process of entering the interactive theme smoother and more natural, and the experience of switching the activity theme is better.

[0058] It can be understood that the preset motion effect presented by the first theme element may refer to a motion effect including the first theme element, and the first theme element included in the preset motion effect may be a fully displayed first theme element, that is, the fully displayed first theme element is displayed with a motion effect, for example, the fully displayed first theme element is flipped with a motion effect. Alternatively, the first theme element included in the preset motion effect may be a newly rendered first theme element, for example, the newly rendered first theme element may be different in size from the size of the fully displayed first theme element. In other words, the first theme element may refer to a theme element pre-set for the first activity theme (for example Figure 4as shown in 42 or 43 therein), and its meaning does not change due to differences in size, color, etc.

[0059] In a possible implementation, when the first theme element presents a preset dynamic effect, the first theme page of the first active theme can be displayed. For example, when the preset dynamic effect meets at least one of the following conditions, it can be switched to display the first theme page, that is, enter the theme space of the first active theme. Exemplarily, the at least one condition includes but is not limited to: the preset dynamic effect presented by the first theme element has ended; or, the display duration of the preset dynamic effect presented by the first theme element reaches a preset duration; or, the position of the first theme element during the preset dynamic effect presented by the first theme element meets a preset position condition (such as a preset specified position or a preset position relationship), etc., and the present disclosure does not limit this.

[0060] By displaying a business activity page of a target business activity, at least two activity theme aggregation elements of the activity themes are displayed in the business activity page; the activity theme aggregation element can represent the theme elements of the at least two activity themes respectively; 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 displayed more fully, the content display of the target business activity is more comprehensive, enabling users to conveniently and efficiently select different activity themes to participate in the target business activity, and effectively improving the overall participation degree of the target business activity.

[0061] Further, in response to a selection instruction for the 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; when the first theme element presents a preset dynamic effect, display the first theme page of the first activity theme. When selecting a certain activity theme, it can first be switched from the activity theme aggregation element to the theme element corresponding to the selected activity theme, making the activity theme switching process smoother, and the experience of guiding to the corresponding theme page with the corresponding theme element is also relatively natural. And when switching to display the theme element corresponding to the selected activity theme, a preset dynamic effect of the first theme element is also displayed, making the interaction method more rich during the transition from the business activity page to the selected activity theme page, thereby improving the interaction and interest of the activity theme switching, effectively improving the overall participation degree of the target business activity, and improving the use effectiveness of the display resources.

[0062] Refer to Figure 4 , in an optional implementation manner, the activity theme aggregation element can aggregate and display the theme elements of each activity theme in a display style, and the aggregation display style can be a display style that hides some theme elements, such as Figure 3 or Figure 4As shown in the upper left figure, the theme elements of the two activity themes each hide half a circle, and the activity theme aggregation element is composed of half of each of the two theme elements. This is just an example, and the present disclosure does not limit the aggregation display style.

[0063] In one example, the first theme element is displayed in an aggregated display style in the activity theme aggregation element. Accordingly, updating the above-mentioned activity theme aggregation element to the first theme element corresponding to the first activity theme may include: Gradually hide the second theme element in the activity theme aggregation 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 at least two activity themes. For example, from Figure 4 the upper left figure to Figure 4 the upper right figure shown, for example, the game hall theme corresponds to the first theme element, the screening hall theme corresponds to the second theme element, the first theme element is gradually rendered and completed to the right, and the second theme element is gradually hidden to the right.

[0064] Further, in the case of gradually rendering and completing the first theme element to the complete first theme element, the first theme element is displayed in a complete display style; this complete display style is used to display the complete theme element. For example Figure 4 as shown in the right figure of the middle layer of

[0065] Optionally, during the process of gradual hiding and gradual rendering and completion, the first theme area and the second theme area also follow for gradual rendering and completion and gradual hiding. For example, the first theme area is gradually rendered and completed so as to be able to follow and cover the gradually rendered and completed first theme element, and the second theme area is gradually hidden to be synchronized with the gradually hidden second theme element.

[0066] By setting the first theme element to be displayed in an aggregated display style in the activity theme aggregation element, when the first activity theme is selected, the complete first theme element is gradually displayed, and other second theme elements are hidden, so that the first theme element of the first activity theme can be presented during the process of switching to the first theme page, and the connection of the theme switching process is smoother and more natural, effectively improving the interaction experience of activity theme switching.

[0067] In one possible implementation manner, the above-mentioned displaying the first theme page of the first activity theme in the case where the first theme element presents a preset dynamic effect may include: Displaying the preset dynamic effect of the first theme element, that is, displaying the preset dynamic effect including the first theme element; During the display of the preset animation effect, display the target page element corresponding to the first theme element on the first theme page. The target page element can be a page element of the first theme page, and in the first theme page, the first theme element corresponds to the target page element. The corresponding relationship can satisfy the preset positional relationship in the page layout of the first theme page. For example, the preset positional relationship can include, but is not limited to, that the distance between the first theme element and the target page element is less than the preset distance, such as central coincidence, etc. The present disclosure does not limit this. Optionally, the corresponding relationship can be pre-set, and the present disclosure does not limit this. As an example, referring to Figure 4 the lower left figure of Figure 4 the 41 shown in

[0068] Further, when the positional relationship between the first theme element and the target page element satisfies the 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. As an example, the first theme page can be as shown in the upper figure of Figure 5

[0069] Exemplarily, referring to the left figure in the middle layer of Figure 4 , the preset animation effect of the first theme element can be the flipping animation effect of the first theme element. Then, during the process of this flipping animation effect, the target page element can be displayed. Further, if the first theme element lands on the target page element, for example, as shown in the lower left figure of Figure 4 , the first activity theme can be entered to display the first theme page. Here, the first theme element landing on the target page element can include, but is not limited to: the first theme element and the target page element having an overlapping area; or, the first theme element landing on a specified position of the target page element, etc. The specified position can include the central position of the target page element, the position in the target page element that identifies the first theme element, etc. The present disclosure does not limit this.

[0070] By displaying the preset animation effect of the first theme element; and during the display of the preset animation effect, displaying the target page element corresponding to the first theme element on the first theme page, and when the positional relationship between the first theme element and the target page element satisfies the preset positional relationship, entering the first theme page, and displaying the first theme element and the target page element that satisfy the preset positional relationship on the first theme page. The interactive display during the transition process of switching to the theme page is made more rich and interesting, and the process of switching the activity theme is also smoother and more natural, thereby effectively improving the participation degree of the target business activity.

[0071] Referring to Figure 5 ​, in a possible implementation, a business activity page can also be returned on a certain theme page to re-select other activity themes, so as to participate in the interaction of other activity themes. In this process, the reverse process of selecting the first activity theme described above can be displayed, making the interaction during the page switching process also rich and interesting, and effectively improving the activity participation rate. Based on this, the method can further include: In response to the triggering of the first theme element on the first theme page, display the business activity page, and in the business activity page, restore the first theme element to be displayed in a complete display style according to the reverse process of the preset animation effect. For example, from Figure 4 the lower left figure of Figure 4 to the left figure on the middle side, and then to Figure 4 the right figure on the middle layer.

[0072] Gradually render the second theme element, and control the gradually rendered second theme element to gradually hide the first theme element to present the activity theme aggregation element. For example, gradually transition from Figure 4 the upper right figure of Figure 5 to the lower figure of

[0073] Optionally, theme entry controls corresponding to each activity theme can also be displayed in the associated areas of each activity theme of the activity theme aggregation element. For example, Figure 4 as shown in the upper left figure of Figure 4 That is, it can gradually transition from Figure 4 the upper right figure of

[0074] to the upper left figure of

[0075] By displaying theme entry controls corresponding to each activity theme in the associated areas of each activity theme of the activity theme aggregation element, the convenience of activity theme selection can be improved. Figure 3 In an application example, as Figure 3 shown, assume that two activity themes are set under the target business activity: arcade and screening room. The arcade is the first activity theme, and the screening room is the second activity theme. Trigger to enter the business activity page of the target business activity on the page of the target platform. For example,

[0076] Exemplarily, refer to Figure 4, if the first theme entry control 34 is clicked, the first theme entry control 34 and the second theme entry control 35 can be hidden, and the second theme element and the second theme area in the active theme aggregation element can be gradually hidden to the right, and the first theme element and the first theme area can be gradually rendered and completed. For example, from Figure 4 the upper left figure to Figure 4 the upper right figure shown.

[0077] Further, in the case of gradually rendering and completing the first theme element to the complete first theme element, the first theme element is displayed in a complete display style. For example Figure 4 shown in the right figure of the middle layer of, the complete first theme element is displayed. Optionally, the first theme area also completely covers the first theme area. This can visually and intuitively express the selection of the first active theme and convey the information of about to enter the first active theme, and the connection of the active theme switching is better.

[0078] Exemplarily, referring to Figure 4 the left figure in the middle layer of, the preset dynamic effect of the first theme element can be the flipping dynamic effect of the first theme element. Then during the process of this flipping dynamic effect, a mask layer can be displayed above the first theme element and the first theme area displayed in the complete display style to highlight the first theme element in the flipping dynamic effect. And the target page element corresponding to the first theme element in the first theme page can be displayed. If the first theme element lands on this target page element, for example Figure 4 shown in the lower left figure of, it can trigger entering the first active theme to display the first theme page. As an example, the first theme page can be as Figure 5 shown in the upper figure of, and the introduction information of multiple small games can also be displayed in this first theme page, such as game pictures, texts under the game pictures, etc.

[0079] Optionally, referring to Figure 5 , in response to the trigger of the first theme element in the first theme page, a business activity page is displayed, and in the business activity page, in the reverse process of the preset dynamic effect, the first theme element is restored to be displayed in the complete display style. For example, clicking on Figure 5 the first theme element in the upper figure of, the first theme element can fly out from the center position of the target page element. For example Figure 4 shown in the lower left figure of, then the target page element can disappear, and the first element flips. For example Figure 4 shown in the left figure on the middle side. During this flipping process, a mask layer can be displayed above the completely displayed first theme element and the first theme area. Further, when the first theme element stops the flipping dynamic effect, the mask layer can be hidden. For example Figure 4 shown in the right figure of the middle layer.

[0080] And it can gradually render the second theme element and control the gradually rendered second theme element to gradually hide the first theme element to present the active theme aggregation element. For example, it gradually transitions from Figure 4 the upper right figure of Figure 5 to the lower figure of Figure 4 As shown in the upper left figure of Figure 4 That is, it can gradually transition from Figure 4 the upper right figure of

[0081] The page display method of the embodiments of the present specification can achieve an interesting venue (activity theme) switching, effectively mobilize the enthusiasm of users to participate, and solve the problem of low click-through rate during venue switching. At the same time, the interactive guidance during the venue switching process enables users to be more immersed in venue consumption, enhancing the user experience. And the sense of interaction is also relatively rich when reselecting the venue, enhancing the interactive experience.

[0082] Figure 6 is a block diagram of a page display device shown according to an exemplary embodiment. Referring to Figure 6 the device may include: A page display module 601, configured to display a business activity page of a target business activity, where at least two activity theme aggregation elements of activity themes are displayed in the business activity page; the activity theme aggregation elements can represent the theme elements of the at least two activity themes respectively; the at least two activity themes are activity themes set under the target business activity; An activity theme selection module 603, configured to update the activity theme aggregation element to the first theme element corresponding to the first activity theme in response to a selection instruction for the first activity theme among the at least two activity themes; A theme page display module 605, configured to display the first theme page of the first activity theme when the first theme element presents a preset dynamic effect.

[0083] By displaying a business activity page of a target business activity, where at least two activity theme aggregation elements of activity themes are displayed in the business activity page; the activity theme aggregation elements can represent the theme elements of the at least two activity themes respectively; 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 more fully displayed, the content display of the target business activity is more comprehensive, enabling users to 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.

[0084] Further, 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 a first theme element corresponding to the first activity theme; when a preset dynamic effect is presented in the first theme element, display a first theme page of the first activity theme. When selecting a certain activity theme, it is possible to 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 the experience of guiding subsequent entry into the corresponding theme page with the corresponding theme element is also relatively natural. And when switching to display the theme element corresponding to the selected activity theme, a preset dynamic effect of the first theme element is also displayed, making the interaction method more diverse during the transition from the business activity page to the page of the selected activity theme. Thus, the interaction sense and interest of the activity theme switching can be enhanced, the overall participation degree of the target business activity can be effectively improved, and the usage effectiveness of the display resources can be improved.

[0085] In a possible implementation manner, theme entry controls corresponding to the at least two activity themes are further displayed on the business activity page; the apparatus may further include: A selection module, configured to generate a selection instruction for the first activity theme in response to a trigger of a first theme entry control among at least two of the theme entry controls; the first theme entry control is a theme entry control corresponding to the first activity theme.

[0086] In a possible implementation manner, the activity theme selection module 603 may include: An activity theme selection unit, configured to hide the at least two theme entry controls and update the activity theme aggregation element to a first theme element corresponding to the first activity theme in response to a selection instruction for a first activity theme among the at least two activity themes.

[0087] In a possible implementation manner, the first theme element is displayed in an aggregated display style in the activity theme aggregation element, and the aggregated display style is a display style in which some theme elements are hidden; the activity theme selection module 603 may include: An element gradually updating unit, configured to gradually hide a second theme element in the activity theme aggregation element and gradually render and complete 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; The theme element display unit is configured to, when gradually rendering and completing the first theme element to the complete first theme element, display the first theme element in a complete display style; the complete display style is used to display a complete theme element.

[0088] In a possible implementation manner, the theme page display module 605 may include: The element animation display unit is configured to execute and display the preset animation of the first theme element; The page element display unit is configured to execute and display the target page element corresponding to the first theme element in the first theme page during the display process of the preset animation; The theme page display unit is configured to execute and enter the first theme page when the positional relationship between the first theme element and the target page element satisfies a preset positional relationship, and display the first theme element and the target page element that satisfy the preset positional relationship in the first theme page.

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

[0090] In a possible implementation manner, the device may further include: The business activity page display module is configured to execute and display the business activity page in response to the trigger of the first theme element in the first theme page, and in the business activity page, restore the display of the first theme element in the complete display style according to the reverse process of the preset animation; The activity theme aggregation element display module is configured to execute and gradually render the second theme element, and control the gradually rendered second theme element to gradually hide the first theme element to present the activity theme aggregation element.

[0091] In a possible implementation manner, the device may further include: The theme entry control display module is configured to execute and display the theme entry controls corresponding to the respective activity themes in the respective activity theme association areas of the activity theme aggregation element.

[0092] Regarding the device in the above embodiments, the specific manner in which each module performs operations has been described in detail in the embodiments related to the method, and will not be elaborated here.

[0093] Figure 7 is a block diagram of an electronic device for page display shown according to an exemplary embodiment. The electronic device may be a terminal, and its internal structure diagram may be as Figure 7 shown. The electronic device includes a processor, a memory, a network interface, a display screen, and an input device connected through a system bus. Among them, the processor of the electronic device is used to provide computing and control capabilities. The memory of the electronic device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the electronic device is used to communicate with an external terminal through a network connection. When the computer program is executed by the processor, a method for page display is implemented. The display screen of the electronic device may be a liquid crystal display screen or an electronic ink display screen. The input device of the electronic device may be a touch layer covering the display screen, or may be a button, a trackball, or a touchpad provided on the housing of the electronic device, or may also be an external keyboard, a touchpad, or a mouse, etc. Those skilled in the art can understand that Figure 7 the structure shown in

[0094] Figure 8 is a block diagram of an electronic device for page display shown based on an exemplary embodiment. The electronic device may be a server, and its internal structure diagram may be as Figure 8 shown. The electronic device includes a processor, a memory, and a network interface connected through a system bus. Among them, the processor of the electronic device is used to provide computing and control capabilities. The memory of the electronic device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the electronic device is used to communicate with an external terminal through a network connection. When the computer program is executed by the processor, a method for page display is implemented. Those skilled in the art can understand that Figure 8The structure shown is only a block diagram of some of the structures related to the present disclosure solution and does not constitute a limitation on the electronic device to which the present disclosure solution is applied. The specific electronic device may include more or fewer components than those shown in the figure, or combine some components, or have a different component arrangement. In an exemplary embodiment, an electronic device is further provided, including: a processor; a memory for storing instructions executable by the processor; wherein the processor is configured to execute the instructions to implement the page display method in the embodiments of the present disclosure.

[0095] In an exemplary embodiment, a computer-readable storage medium is further provided. When the instructions in the computer-readable storage medium are executed by the processor of the electronic device, the electronic device can execute the page display method in the embodiments of the present disclosure. The computer-readable storage medium may be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0096] In an exemplary embodiment, a computer program product containing instructions is further provided. When it runs on a computer, the computer is enabled to execute the page display method in the embodiments of the present disclosure.

[0097] Those of ordinary skill in the art can understand that all or part of the processes of implementing the methods in the above embodiments can be completed by instructing relevant hardware through a computer program. The computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it may include the processes of the embodiments of the above methods. Among them, any reference to a memory, storage, database, or other medium used in the various embodiments provided in the present application may include non-volatile and / or volatile memories. The non-volatile memory may include a read-only memory (ROM), a programmable ROM (PROM), an electrically programmable ROM (EPROM), an electrically erasable programmable ROM (EEPROM), or a flash memory. The volatile memory may include a random access memory (RAM) or an external cache memory. By way of illustration and not limitation, RAM is available in many forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDR SDRAM), enhanced SDRAM (ESDRAM), synchronous link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), etc.

[0098] Other embodiments of the present disclosure will be readily apparent 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 the present disclosure that follow the general principles of the present disclosure and include known common general knowledge or conventional technical means in the technical field not disclosed in the present disclosure. The specification and examples are only to be considered as exemplary, and the true scope and spirit of the present disclosure are pointed out by the following claims.

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

Claims

1. A page display method, characterized in that Including: A business activity page that displays a target business activity, and activity theme aggregation elements of at least two activity themes are displayed on the business activity page; The activity theme aggregation elements can represent the theme elements of the at least two activity themes respectively; 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, update the activity theme aggregation elements to first theme elements corresponding to the first activity theme; When a preset dynamic effect is presented by the first theme elements, display a first theme page of the first activity theme.

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

3. The method according to claim 2, wherein The step of updating the activity theme aggregation elements to first theme elements corresponding to the first activity theme in response to a selection instruction for a first activity theme among the at least two activity themes includes: In response to 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 elements to first theme elements corresponding to the first activity theme.

4. The method according to any one of claims 1-3, characterized in that, The first theme elements are displayed in an aggregated display style in the activity theme aggregation elements, and the aggregated display style is a display style that hides some theme elements; the step of updating the activity theme aggregation elements to first theme elements corresponding to the first activity theme includes: Gradually hide second theme elements in the activity theme aggregation elements, and gradually render and complete the first theme elements; the second theme elements are theme elements 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 elements are gradually rendered and completed to the complete first theme elements, display the first theme elements in a complete display style; the complete display style is used to display complete theme elements.

5. The method according to claim 4, characterized in that, The step of displaying a first theme page of the first activity theme when a preset dynamic effect is presented by the first theme elements includes: Display the preset dynamic effect of the first theme elements; During the display process of the preset dynamic effect, display target page elements corresponding to the first theme elements in the first theme page; When the positional relationship between the first theme elements and the target page elements satisfies a preset positional relationship, enter the first theme page, and display the first theme elements and the target page elements that satisfy the preset positional relationship in the first theme page.

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

7. The method according to claim 5, wherein The method further includes: In response to the triggering of the first theme element in the first theme page, displaying the business activity page, and in the business activity page, restoring the display of the first theme element in the complete display style according to the reverse process of the preset animation effect; Gradually rendering a second theme element, and controlling the gradually rendered second theme element to gradually hide the first theme element to present the activity theme aggregation element.

8. The method according to claim 7, characterized in that The method further includes: Displaying theme entry controls corresponding to each activity theme in each activity theme association area of the activity theme aggregation element.

9. A page display device, characterized in that, Including: A page display module configured to execute and display a business activity page of a target business activity, where at least two activity theme aggregation elements of activity themes are displayed in the business activity page; 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; An activity theme selection module configured to execute and update the activity theme aggregation element to the first theme element corresponding to the first activity theme in response to a selection instruction for the first activity theme among the at least two activity themes; A theme page display module configured to execute and display the first theme page of the first activity theme when the first theme element presents a preset animation effect.

10. An electronic device, characterized in that, Including: A processor; A memory for storing instructions executable by the processor; Wherein, the processor is configured to execute the instructions to implement the page display method according to any one of claims 1 to 8.

11. 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 can execute the page display method according to any one of claims 1 to 8.

12. A computer program product, characterized in that, Including computer instructions, when the computer instructions are executed by the processor, the computer executes the page display method according to any one of claims 1 to 8.

Images