CN114168027B - Information display method, device and equipment - Google Patents

Information display method, device and equipment

Info

Publication number
CN114168027B
CN114168027B CN202111314716.5A CN202111314716A CN114168027B CN 114168027 B CN114168027 B CN 114168027B CN 202111314716 A CN202111314716 A CN 202111314716A CN 114168027 B CN114168027 B CN 114168027B
Authority
CN
China
Prior art keywords
display area
detail
information
height
displayed
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202111314716.5A
Other languages
Chinese (zh)
Other versions
CN114168027A (en
Inventor
肖陈哲
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Alibaba China Co Ltd
Filing date
Publication date
Application filed by Alibaba China Co Ltd filed Critical Alibaba China Co Ltd
Priority to CN202111314716.5A priority Critical patent/CN114168027B/en
Publication of CN114168027A publication Critical patent/CN114168027A/en
Application granted granted Critical
Publication of CN114168027B publication Critical patent/CN114168027B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

The embodiment of the application provides an information display method, device and equipment. The method comprises the following steps: acquiring a view detail operation input by a user aiming at a target object; responding to the detail viewing operation, and displaying a corresponding detail interface; the height of the detail interface is smaller than the width, the detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, object detail information of a target object is displayed in the first display area, and associated object information associated with the target object is displayed in the second display area. The method can reduce the probability of incomplete display of the picture in one screen when the detail information of the object is displayed on the horizontal screen, can facilitate the user to acquire the associated object information, and is beneficial to improving the use experience of the user.

Description

Information display method, device and equipment
Technical Field
The present application relates to the field of the internet, and in particular, to an information display method, apparatus and device.
Background
With the development of internet technology, a manner of acquiring objects through an online platform gradually permeates into daily life, such as purchasing goods through an online transaction platform.
In general, a user may use a terminal to browse objects provided by the internet platform, and when the user uses the terminal to erect the screen, the terminal may perform vertical screen display, and when the user uses the terminal to traverse the screen, the terminal may perform horizontal screen display. When displayed on a vertical screen, the height of the user interface of the terminal is typically greater than the width; the height of the user interface of the terminal is typically less than the width when displayed on a flat screen. Moreover, the picture of the object provided by the object provider is usually a picture suitable for vertical screen display, that is, the height of the picture is larger than the width, and the terminal usually performs picture display in an equal-scale zooming-in or zooming-out manner.
However, in the above manner, when the detail information of the object is displayed on the horizontal screen, if the height of the picture in the detail information is larger than the width, a problem arises in that the picture is not displayed fully in one screen.
Disclosure of Invention
The embodiment of the application provides an information display method, device and equipment, which are used for solving the problem that the display of pictures in one screen is incomplete easily when the detail information of an object is displayed on a horizontal screen in the prior art.
In a first aspect, an embodiment of the present application provides an information display method, which is applied to a terminal, including:
Acquiring a view detail operation input by a user aiming at a target object;
responding to the detail viewing operation, and displaying a corresponding detail interface; the height of the detail interface is smaller than the width, the detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, object detail information of the target object is displayed in the first display area, and associated object information associated with the target object is displayed in the second display area.
In a second aspect, an embodiment of the present application provides an information display method, which is applied to a terminal, including:
acquiring a view detail operation input by a user aiming at a target commodity;
Responding to the detail viewing operation, and displaying a corresponding commodity detail interface; the height of the commodity detail interface is smaller than the width, the commodity detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, commodity detail information of the target commodity is displayed in the first display area, and associated commodity information associated with the target commodity is displayed in the second display area.
In a third aspect, an embodiment of the present application provides an information display apparatus, applied to a terminal, including:
The acquisition module is used for acquiring the view detail operation aiming at the target object, which is input by a user;
The display module is used for responding to the detail viewing operation and displaying a corresponding detail interface; the height of the detail interface is smaller than the width, the detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, object detail information of the target object is displayed in the first display area, and associated object information associated with the target object is displayed in the second display area.
In a fourth aspect, an embodiment of the present application provides an information display apparatus, applied to a terminal, including:
the acquisition module is used for acquiring the view detail operation aiming at the target commodity, which is input by a user;
The display module is used for responding to the detail viewing operation and displaying a corresponding commodity detail interface; the height of the commodity detail interface is smaller than the width, the commodity detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, commodity detail information of the target commodity is displayed in the first display area, and associated commodity information associated with the target commodity is displayed in the second display area.
In a fifth aspect, an embodiment of the present application provides a terminal, including: a memory, a processor; wherein the memory is for storing one or more computer instructions which, when executed by the processor, implement the method of any of the first aspects.
In a sixth aspect, an embodiment of the present application provides a terminal, including: a memory, a processor; wherein the memory is for storing one or more computer instructions which, when executed by the processor, implement the method of any of the second aspects.
In a seventh aspect, an embodiment of the present application provides a computer program comprising computer program instructions which, when executed by a processor, implement the method according to any of the first aspects.
In an eighth aspect, an embodiment of the present application provides a computer program comprising computer program instructions which, when executed by a processor, implement the method according to any of the second aspects.
In a ninth aspect, an embodiment of the present application provides a computer readable storage medium having stored thereon a computer program which, when executed, implements the method according to any of the first aspects.
In a tenth aspect, embodiments of the present application provide a computer readable storage medium having stored thereon a computer program which, when executed, implements the method according to any of the second aspects.
In the embodiment of the application, when the detail information of the target object is required to be displayed, the detail information of the target object and the associated object information associated with the target object are horizontally displayed side by side in the detail interface with the height smaller than the width, so that the situation that the height of the detail interface of the terminal is smaller than the width when the transverse screen is displayed is realized, the detail interface is divided into two display areas (namely, a first display area) with the height larger than the width in a transverse arrangement manner, the object detail information of the target object is displayed, the picture can be displayed in one screen under the condition that the height-width ratio of the picture in the object detail information is not larger than the height-width ratio of the first display area, the probability of incomplete display of the picture in one screen can be reduced, and in addition, the associated object information associated with the target object is displayed in the other display area (namely, a second display area) in the two display areas, the user can know the information associated with the other objects in the interface of the object, so that the user can also conveniently acquire the associated information of the object, and the user experience is improved.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions of the prior art, the following description will briefly explain the drawings used in the embodiments or the description of the prior art, and it is obvious that the drawings in the following description are some embodiments of the present application, and other drawings can be obtained according to these drawings without inventive effort for a person skilled in the art.
Fig. 1 is a schematic diagram of an application scenario according to an embodiment of the present application;
FIG. 2A is a schematic diagram of a vertical screen display of a picture with a height greater than a width according to an embodiment of the present application;
FIG. 2B is a schematic diagram of a horizontal screen display of a picture with a height greater than a width according to an embodiment of the present application;
FIG. 3 is a flowchart illustrating an information display method according to an embodiment of the present application;
FIGS. 4A-4E are schematic diagrams illustrating interfaces provided by embodiments of the present application;
FIG. 5 is a flowchart illustrating a method for displaying information according to another embodiment of the present application;
Fig. 6 is a schematic structural diagram of an information display device according to an embodiment of the present application;
fig. 7 is a schematic structural diagram of a terminal according to an embodiment of the present application;
fig. 8 is a schematic structural diagram of an information display device according to another embodiment of the present application;
fig. 9 is a schematic structural diagram of a terminal according to another embodiment of the present application.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the embodiments of the present application more apparent, the technical solutions of the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application, and it is apparent that the described embodiments are some embodiments of the present application, but not all embodiments of the present application. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
The terminology used in the embodiments of the application is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in this application and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise, the "plurality" generally includes at least two, but does not exclude the case of at least one.
It should be understood that the term "and/or" as used herein is merely one relationship describing the association of the associated objects, meaning that there may be three relationships, e.g., a and/or B, may represent: a exists alone, A and B exist together, and B exists alone. In addition, the character "/" herein generally indicates that the front and rear associated objects are an "or" relationship.
The words "if", as used herein, may be interpreted as "at … …" or "at … …" or "in response to a determination" or "in response to a detection", depending on the context. Similarly, the phrase "if determined" or "if detected (stated condition or event)" may be interpreted as "when determined" or "in response to determination" or "when detected (stated condition or event)" or "in response to detection (stated condition or event), depending on the context.
It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a product or system that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such product or system. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a commodity or system comprising such elements.
In addition, the sequence of steps in the method embodiments described below is only an example and is not strictly limited.
The technical scheme of the embodiment of the application is mainly applied to information display of the terminal on-line objects, and the on-line propaganda, sales and the like of the objects can be realized through the Internet at present. The object in the present application refers to any type of object capable of performing online advertising, sales, and the like through the internet. For example, in the online transaction platform for displaying online transactions of objects, the objects may be specifically goods provided in the online transaction platform.
As shown in fig. 1, an application scenario of an embodiment of the present application may include a terminal 11 and a server 12, where the terminal 11 is communicatively connected to the server 12. The terminal 11 may obtain the details of the object from the server 12, and display the obtained details of the object, and the terminal 11 may be, for example, a mobile phone, a tablet computer, or the like, and the server 12 may be, for example, a cloud server, a distributed server, or the like.
In general, a picture of an object provided by an object provider is a picture suitable for vertical screen display, i.e., the height of the picture is larger than the width, and the terminal 11 performs picture display in such a manner that the picture is enlarged or reduced in equal proportion, whereby when a picture having a height larger than the width is displayed, the height of the displayed picture is also larger than the width. In the case of the vertical screen display, as shown in fig. 2A, since the height of the user interface of the terminal 11 is greater than the width, the picture can be displayed entirely in one screen, however, in the case of the horizontal screen display, as shown in fig. 2B, since the height of the user interface of the terminal 11 is less than the width, a technical problem of insufficient display of the picture in one screen may occur. It should be noted that, in fig. 2B, a portion outside the dashed frame of the picture may be understood as a content that the picture can display in one screen, and a portion outside the dashed frame may be understood as a content that the picture cannot display in one screen.
In order to solve the technical problem that when the detail information of the object is displayed on the horizontal screen, if the height of the picture in the detail information is larger than the width, the problem that the picture is not fully displayed in one screen occurs.
Based on this, in the application scenario as shown in fig. 1, the terminal 11 may acquire a view detail operation for the target object input by the user; responding to the detail viewing operation, and displaying a corresponding detail interface; the height of the detail interface is smaller than the width, the detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, object detail information of a target object is displayed in the first display area, and associated object information associated with the target object is displayed in the second display area. It should be understood that the object detail information of the target object displayed by the terminal 11 and the associated object information may be acquired from the server 12.
It should be noted that the detail interface shown in fig. 1 is only an example, and for example, a ratio relationship between a height and a width of the detail interface in fig. 1, an arrangement order of the first display area and the second display area, a ratio relationship between a height and a width of the first display area, a magnitude relationship between a height and a width of the second display area, and the like are all examples.
Some embodiments of the present application are described in detail below with reference to the accompanying drawings. The embodiments described below and features of the embodiments may be combined with each other without conflict.
Fig. 3 is a flow chart of an information display method according to an embodiment of the present application, where an execution body of the embodiment may be the terminal 11 in fig. 1, and as shown in fig. 3, the method of the embodiment may include:
step 31, acquiring a view detail operation for a target object, which is input by a user;
Step 32, responding to the detail viewing operation, and displaying a corresponding detail interface; the height of the detail interface is smaller than the width, the detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, object detail information of the target object is displayed in the first display area, and associated object information associated with the target object is displayed in the second display area.
The view details operation for the target object refers to an operation for requesting to view object details information of the target object, and as shown in fig. 4A, the view details operation may be, for example, a click operation for an object D, that is, a target object, of the objects a to H displayed in the user interface, and of course, in other embodiments, the view details operation may also be other operations, which is not limited in the present application.
And displaying a corresponding detail interface in response to the acquired view detail operation, wherein the detail interface is a user interface for displaying object detail information of the target object. As shown in fig. 1, the detail interface in the present application has the following characteristics: the display device is divided into a first display area and a second display area which are transversely arranged, wherein the first display area is higher than the first display area in height and wider than the first display area, object detail information of a target object is displayed in the first display area, and associated object information associated with the target object is displayed in the second display area.
The associated object information refers to information of an associated object associated with the target object, and the associated object required to be displayed in the second display area can be selected according to actual recommendation requirements. For example, when it is necessary to recommend an object of the same type as the target object to the user, one or more objects of the same type as the target object may be displayed in the second display area as associated objects of the target object. For another example, when it is necessary to recommend an object of the same provider as the target object to the user, one or more objects belonging to the same provider as the target object may be displayed as associated objects of the target object in the second display area. For another example, when it is necessary to recommend an object capable of matching with the target object to the user, at least one object capable of matching with the target object may be displayed in the second display area as an associated object of the target object. Alternatively, the second display area may be an operable area, and the operation of the user on the associated object, such as a view detail operation, may be acquired through the second display area. For example, when the information of the collocation object capable of being collocated with the target object is displayed in the second display area, the second display area may be a collocation area capable of being used for obtaining a collocation operation of the user, so as to facilitate the collocation selection of the user.
Alternatively, in response to the view details operation, the corresponding detail interface may be directly displayed. Therefore, when the display mode of the terminal is fixed to be horizontal screen display, the detail interface divided into the first display area and the second display area which are horizontally arranged can be displayed.
Or alternatively, in response to the detail viewing operation, a corresponding detail interface may be displayed when it is determined that the transverse screen display is required, that is, the foregoing displaying the corresponding detail interface may specifically include displaying the corresponding detail interface when it is determined that the transverse screen display is required. Therefore, when the display mode of the terminal can be horizontal screen display or vertical screen display, the detail interface divided into the first display area and the second display area which are transversely arranged can be selected and displayed according to the display mode required.
Optionally, whether the terminal needs to perform the horizontal screen display may be manually set by the user, for example, when the user turns on the horizontal screen display setting switch, it may be determined that the horizontal screen display needs to be performed, and when the user turns off the horizontal screen display setting switch, it may be determined that the vertical screen display needs to be performed.
Or alternatively, whether the terminal needs to perform the horizontal screen display or not can be automatically determined by the terminal, so that the user operation is simplified, and the use experience of the user is improved. Based on this, in one embodiment, the method provided in this embodiment may further include: when the terminal is in a horizontal screen state and the display mode of the terminal is required to be the same as the state of the terminal, the terminal can determine that the horizontal screen display is required. The state of the terminal can be a horizontal screen state or a vertical screen state, and the display mode of the terminal can be horizontal screen display or vertical screen display. Taking the terminal as a tablet computer as an example, a detail interface displayed when the tablet computer is in a horizontal screen state may be shown in fig. 4B, where, in the details of the object of the target object, the picture 1 and the text aabbcc, and the associated object information, the picture 2, the picture 3, the text ddeeff and the text gghhii, for example.
Referring to fig. 1 and 4B, the first display region may be a left display region and the second display region may be a right display region, for example. Therefore, the object detail information of the target object is displayed through the left display area in the detail interface, and the associated object information associated with the target object is displayed through the right display area in the detail interface.
In the embodiment of the application, the object detail information of the target object may include at least one picture of the target object, where the picture to be displayed at the top may be understood as an object header, and the number of object header of the target object included in the object detail information may be one or more.
When the object detail information includes at least one object header of the target object, a header sub-area may be included in the first display area, and a target object header of the at least one object header may be displayed in the header sub-area. For example, assuming that the interface content in the detail interface shown in fig. 4B is the interface content displayed in the first screen in response to the detail viewing operation, the area for displaying the picture 1 in fig. 4B may be understood as a head-picture sub-area, and the picture 1 is the target object head-picture. Alternatively, when the object header of the target object is plural, the target object header displayed in the header subregion may be switched according to a switching operation input by the user.
Optionally, the target object head diagram can be displayed in an enlarged manner according to the input of the user, so that the user can view more detail information through the enlarged target object head diagram, and the use experience of the user can be improved. Based on this, in one embodiment, the method provided in this embodiment may further include: and responding to the head map enlarging operation triggered by the user on the detail interface, and displaying the head map of the target object on the detail interface through the first floating layer.
In one embodiment, the area of the first floating layer may coincide with the first display area and the second display area. Thereby, the target object head diagram can be enlarged to the maximum size for display. For example, assuming that in the case of displaying the detail interface shown in fig. 4B, a click operation of the user on the picture 1 is acquired, the result of enlarging and displaying the picture 1 may be as shown in fig. 4C.
It should be appreciated that object details of the target object may be displayed through one or more screens. Taking the example of multi-screen display, the object details displayed in the first screen may be as shown in fig. 4B, for example, and the object details displayed in the second screen may be as shown in fig. 4D, where picture 4 and text jjkkll belong to the object details of the target object, and picture 5, picture 6, text mmnnoo, and ppqqrr belong to the associated object information, for example. In fig. 4D, the associated object information displayed on the second screen and the first screen are taken as an example, and in other embodiments, the associated object information displayed on the second screen and the first screen may be different.
In one embodiment, the associated object may be a collocation object capable of being collocated with the target object, so that the user can learn the detailed information of the target object and also can learn the information of the collocation object capable of being collocated with the target object, thereby reducing user operation caused by viewing the collocation object and being beneficial to improving the use experience of the user. Based on this, the associated object information may include information of the collocation object in each of the plurality of collocations for the target object. The matching mode may specifically be any type of mode capable of matching the target object with other objects, for example, a matching package mode and the like.
Optionally, the matching mode may be used as a unit, and the information of the matching objects is displayed in the second display area, so that the user can conveniently obtain the information of the matching objects in different matching modes, and the use experience of the user is improved. Based on this, in one embodiment, the height of the second display area may be greater than the width, and the second display area may include a plurality of collocation sub-areas arranged longitudinally, where each collocation sub-area displays information of the collocation object in a collocation manner.
For example, the second display area in fig. 4B includes two collocation sub-areas, wherein the picture 1+ text ddeeff displayed in one collocation sub-area may be information of the collocation object in one collocation mode, and the picture 3+ text gghhii displayed in the other collocation sub-area may be information of the collocation object in the other collocation mode.
For another example, the second display area in fig. 4D includes two collocation sub-areas, wherein the picture 5+ text mmnn displayed in one collocation sub-area may be information of the collocation object in one collocation mode, and the picture 6+ text oopp displayed in the other collocation sub-area may be information of the collocation object in another collocation mode.
Further alternatively, the ratio of the height to the width of the first display area may be smaller than the ratio of the height to the width of the second display area. Therefore, the first display area can be larger than the second display area, so that the object detail information of the target object is displayed in most areas of the detail interface, and the information of the matched objects in the matching mode is displayed in the small areas, so that the user can conveniently view the object detail information more interested in the object information, and the use experience of the user can be improved.
Optionally, when the number of collocation manners of the target object is greater than the number of collocation manners displayed through the second display area, the method provided in this embodiment may further include: and responding to more viewing operations triggered by the user on the detail interface, and displaying the information of the collocation objects in the collocation modes on the detail interface through a second floating layer. The view more operation may be, for example, a click operation for the "view more" button in fig. 4D, although the view more operation may be other operations in other embodiments, which the present application is not limited to.
Alternatively, the area of the second floating layer may coincide with the second display area. Therefore, the layout used for displaying the matched objects through the floating layer can be consistent with the layout used for displaying the matched objects through the second display area, and the use experience of a user is improved. For example, as shown in fig. 4D, assuming that a click operation of the user on the "view more" button is acquired, the effect of displaying all the collocation manners through the floating layer may be as shown in fig. 4E.
It should be noted that the interfaces shown in fig. 4A to 4E are only examples.
According to the information display method provided by the embodiment, by acquiring the view detail operation aiming at the target object and responding to the view detail operation, the corresponding detail interface is displayed, wherein the height of the detail interface is smaller than the width, the detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, object detail information of the target object is displayed in the first display area, associated object information associated with the target object is displayed in the second display area, the situation that the height of the detail interface aiming at the terminal is smaller than the width during transverse screen display is realized, the detail interface is divided into two display areas which are transversely arranged, one display area (namely, the first display area) is higher than the width, the object detail information of the target object is displayed, and under the condition that the height-width ratio of the picture in the object detail information is not larger than the height-width ratio of the first display area, the picture can be displayed in one screen, so that the probability that the picture cannot be displayed in one screen is fully can be reduced, in addition, the two display areas (namely, the second display areas) can be conveniently displayed in the other display areas, the associated with the second display areas, the user can be obtained, and the associated object detail information can be obtained, and the user can be more conveniently.
Fig. 5 is a flow chart of an information display method according to another embodiment of the present application, where an execution body of the embodiment may be the terminal 11 in fig. 1, and as shown in fig. 5, the method of the embodiment may include:
Step 51, acquiring a view detail operation for a target commodity, which is input by a user;
Step 52, responding to the detail viewing operation, and displaying a corresponding commodity detail interface; the height of the commodity detail interface is smaller than the width, the commodity detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, commodity detail information of the target commodity is displayed in the first display area, and associated commodity information associated with the target commodity is displayed in the second display area.
Optionally, the displaying the corresponding item detail interface may specifically include: and displaying the corresponding commodity detail interface when the need of transverse screen display is determined.
Optionally, the method provided in this embodiment may further include: and when the terminal is in a horizontal screen state and the display mode of the terminal is required to be the same as the state of the terminal, determining that horizontal screen display is required.
Alternatively, the first display area may be a left display area, and the second display area may be a right display area.
Optionally, the article detail information may include at least one article head map of the target article, and the first display area may include a head map sub-area in which a target article head map of the at least one article head map may be displayed;
The method provided by the embodiment can further comprise the following steps: and responding to the head map enlarging operation triggered by the user on the commodity detail interface, and displaying the target commodity head map on the commodity detail interface through a first floating layer.
Optionally, an area of the first floating layer may coincide with the first display area and the second display area.
Optionally, the associated commodity information may include information about a matched commodity in each of a plurality of matched modes for the target commodity.
Optionally, the height of the second display area may be greater than the width, and the second display area may include a plurality of collocation sub-areas arranged longitudinally, and each collocation sub-area may display information of the collocation merchandise in the collocation manner.
Alternatively, the ratio of the height to the width of the first display region may be smaller than the ratio of the height to the width of the second display region.
Optionally, the method provided in this embodiment may further include: and responding to more checking operations triggered by the user on the commodity detail interface, and displaying information of the matched commodities in the plurality of matching modes on the commodity detail interface through a second floating layer.
Optionally, an area of the second floating layer may coincide with the second display area.
Note that, when the object of the description is a commodity, the specific content of the method for displaying the commodity detail information of the target commodity and the related commodity information related to the target commodity by splitting the first display area and the second display area which are arranged transversely is similar to the embodiment shown in fig. 3, and is not described herein.
According to the information display method provided by the embodiment, the view detail operation input by the user for the target commodity is acquired, the corresponding commodity detail interface is displayed in response to the view detail operation, wherein the commodity detail interface is smaller than the width, the commodity detail interface is divided into the first display area and the second display area which are transversely arranged, the first display area is higher than the width, commodity detail information of the target commodity is displayed in the first display area, and associated commodity information associated with the target commodity is displayed in the second display area.
Fig. 6 is a schematic structural diagram of an information display device according to an embodiment of the present application; referring to fig. 6, this embodiment provides an information display apparatus, which may perform the method provided in the embodiment shown in fig. 3, and specifically, the apparatus may include:
An obtaining module 61, configured to obtain a view detail operation for a target object input by a user;
A display module 62, configured to display a corresponding detail interface in response to the view details operation; the height of the detail interface is smaller than the width, the detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, object detail information of the target object is displayed in the first display area, and associated object information associated with the target object is displayed in the second display area.
Optionally, the display module 62 is configured to display a corresponding detail interface, which may specifically include: and displaying the corresponding detail interface when the need of transverse screen display is determined.
Optionally, the display module 62 may be further configured to determine that the terminal needs to perform the landscape display when the terminal is in the landscape state and the display mode of the terminal needs to be the same as the state in which the terminal is located.
Optionally, the first display area is a left display area, and the second display area is a right display area.
Optionally, the object detail information includes at least one object head diagram of the target object, the first display area includes a head diagram sub-area, and a target object head diagram in the at least one object head diagram is displayed in the head diagram sub-area;
the display module 62 may be further configured to display the target object header map on the detail interface through a first floating layer in response to a header map zoom operation triggered by a user on the detail interface.
Optionally, the area of the first floating layer coincides with the first display area and the second display area.
Optionally, the associated object information includes information of matching objects in each of a plurality of matching modes for the target object.
Optionally, the height of the second display area is greater than the width, the second display area includes a plurality of collocation sub-areas longitudinally arranged, and information of the collocation objects in the collocation mode is displayed in each collocation sub-area.
Optionally, the ratio of the height to the width of the second display area is smaller than the ratio of the height to the width of the second display area.
Optionally, the display module 62 may be further configured to display, in response to a user triggering a view more operation on the detail interface, information of the collocation object in the plurality of collocation manners on the detail interface through a second floating layer.
Optionally, the area of the first floating layer coincides with the second display area.
The apparatus shown in fig. 6 may perform the method provided by the embodiment shown in fig. 3, and reference is made to the relevant description of the embodiment shown in fig. 3 for parts of this embodiment not described in detail. The implementation process and the technical effect of this technical solution are described in the embodiment shown in fig. 3, and are not described herein.
In one possible implementation, the structure of the apparatus shown in fig. 6 may be implemented as a terminal. As shown in fig. 7, the terminal may include: a processor 71 and a memory 72. Wherein the memory 72 is for storing a program for supporting the terminal to perform the method provided by the embodiment shown in fig. 3 described above, the processor 71 is configured for executing the program stored in the memory 72.
The program comprises one or more computer instructions, wherein the one or more computer instructions, when executed by the processor 71, are capable of performing the steps of:
Acquiring a view detail operation input by a user aiming at a target object;
responding to the detail viewing operation, and displaying a corresponding detail interface; the height of the detail interface is smaller than the width, the detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, object detail information of the target object is displayed in the first display area, and associated object information associated with the target object is displayed in the second display area.
Optionally, the processor 71 is further configured to perform all or part of the steps in the foregoing embodiment of fig. 3.
The structure of the terminal may further include a communication interface 73, which is used for the terminal to communicate with other devices or a communication network.
Fig. 8 is a schematic structural diagram of an information display device according to another embodiment of the present application; referring to fig. 8, this embodiment provides an information display apparatus, which may perform the method provided in the embodiment shown in fig. 5, and specifically, the apparatus may include:
an obtaining module 81, configured to obtain a view detail operation for a target commodity input by a user;
A display module 82, configured to display a corresponding item detail interface in response to the view detail operation; the height of the commodity detail interface is smaller than the width, the commodity detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, commodity detail information of the target commodity is displayed in the first display area, and associated commodity information associated with the target commodity is displayed in the second display area.
Optionally, the display module 82 is configured to display a corresponding product detail interface, which may specifically include: and displaying the corresponding commodity detail interface when the need of transverse screen display is determined.
Optionally, the display module 82 may be further configured to determine that the terminal needs to perform the landscape display when the terminal is in the landscape state and the display mode of the terminal needs to be the same as the state in which the terminal is located.
Optionally, the first display area is a left display area, and the second display area is a right display area.
Optionally, the article detail information includes at least one article head diagram of the target article, the first display area includes a head diagram sub-area, and a target article head diagram in the at least one article head diagram is displayed in the head diagram sub-area;
The display module 82 may be further configured to display the target commodity head map on the commodity detail interface through a first floating layer in response to a head map enlarging operation triggered by a user on the commodity detail interface.
Optionally, the area of the first floating layer coincides with the first display area and the second display area.
Optionally, the related commodity information includes information of matching commodities in each of a plurality of matching modes for the target commodity.
Optionally, the height of the second display area is greater than the width, the second display area includes a plurality of collocation sub-areas longitudinally arranged, and information of collocating commodities in the collocation mode is displayed in each collocation sub-area.
Optionally, the ratio of the height to the width of the first display area is smaller than the ratio of the height to the width of the second display area.
Optionally, the display module 82 may be further configured to display information of the collocated commodity in the multiple collocation modes on the commodity detail interface through a second floating layer in response to a user triggering more viewing operation on the commodity detail interface.
Optionally, the area of the second floating layer coincides with the second display area.
The apparatus shown in fig. 8 may perform the method provided by the embodiment shown in fig. 5, and reference is made to the relevant description of the embodiment shown in fig. 5 for parts of this embodiment not described in detail. The implementation process and the technical effect of this technical solution are described in the embodiment shown in fig. 5, and are not described herein.
In one possible implementation, the structure of the apparatus shown in fig. 8 may be implemented as a terminal. As shown in fig. 9, the terminal may include: a processor 91 and a memory 92. Wherein the memory 92 is for storing a program for supporting the terminal to perform the method provided by the embodiment shown in fig. 5 described above, the processor 91 is configured for executing the program stored in the memory 92.
The program comprises one or more computer instructions, wherein the one or more computer instructions, when executed by the processor 91, are capable of performing the steps of:
acquiring a view detail operation input by a user aiming at a target commodity;
Responding to the detail viewing operation, and displaying a corresponding commodity detail interface; the height of the commodity detail interface is smaller than the width, the commodity detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, commodity detail information of the target commodity is displayed in the first display area, and associated commodity information associated with the target commodity is displayed in the second display area.
Optionally, the processor 91 is further configured to perform all or part of the steps in the foregoing embodiment of fig. 5.
The structure of the terminal may further include a communication interface 93, for the terminal to communicate with other devices or a communication network.
In addition, the embodiment of the present application further provides a computer program, including computer program instructions, which when executed by a processor, implement the method provided by the embodiment shown in fig. 3.
The embodiments of the present application also provide a computer program comprising computer program instructions which, when executed by a processor, implement a method as provided by the embodiment shown in fig. 5.
The embodiment of the present application also provides a computer-readable storage medium having stored thereon a computer program which, when executed, implements a method as provided by the embodiment shown in fig. 3.
The embodiment of the present application also provides a computer-readable storage medium having stored thereon a computer program which, when executed, implements a method as provided by the embodiment shown in fig. 5.
The apparatus embodiments described above are merely illustrative, wherein the elements illustrated as separate elements may or may not be physically separate, and the elements shown as elements may or may not be physical elements, may be located in one place, or may be distributed over a plurality of network elements. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment. Those of ordinary skill in the art will understand and implement the present invention without undue burden.
From the above description of the embodiments, it will be apparent to those skilled in the art that the embodiments may be implemented by adding necessary general purpose hardware platforms, or may be implemented by a combination of hardware and software. Based on such understanding, the foregoing aspects, in essence and portions contributing to the art, may be embodied in the form of a computer program product, which may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) having computer-usable program code embodied therein.
The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In one typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include volatile memory in a computer-readable medium, random Access Memory (RAM) and/or nonvolatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of computer-readable media.
Computer readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, linked lists, modules of a program, or other data. Examples of storage media for a computer include, but are not limited to, phase change memory (PRAM), static Random Access Memory (SRAM), dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), read Only Memory (ROM), electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium, which can be used to store information that can be accessed by a computing device. Computer-readable media, as defined herein, does not include transitory computer-readable media (transmission media), such as modulated data signals and carrier waves.
Finally, it should be noted that: the above embodiments are only for illustrating the technical solution of the present application, and not for limiting the same; although the application has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some or all of the technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit of the application.

Claims (10)

1. An information display method applied to a terminal, comprising the following steps:
Acquiring a view detail operation input by a user aiming at a target object;
Responsive to the view details operation, displaying a details interface for displaying object details information of the target object; the height of the detail interface is smaller than the width, the detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, the object detail information of the target object is displayed in the first display area, the object detail information comprises a picture, the height of the picture is larger than the width, the height-width ratio of the picture is not larger than the height-width ratio of the first display area, the picture is displayed by the terminal in an equal-proportion scaling mode, and the information of a collocation object capable of being collocated with the target object is displayed in the second display area.
2. The method of claim 1, wherein displaying a detail interface for displaying object detail information of the target object comprises:
and displaying the detail interface for displaying the object detail information of the target object when the need of the horizontal screen display is determined.
3. The method according to claim 1 or 2, wherein the object detail information comprises at least one object header of the target object, the first display area comprises a header sub-area in which a target object header of the at least one object header is displayed; the method further comprises the steps of:
and responding to the head map enlarging operation triggered by the user on the detail interface, and displaying the target object head map on the detail interface through a first floating layer.
4. The method of claim 1 or 2, wherein the information of the collocation object capable of collocating with the target object comprises information of collocating objects in each of a plurality of collocations of the target object.
5. The method of claim 4, wherein the second display area has a height greater than a width, and the second display area includes a plurality of collocation sub-areas arranged longitudinally, and each collocation sub-area displays information about the collocation object in the collocation manner.
6. An information display method applied to a terminal, comprising the following steps:
acquiring a view detail operation input by a user aiming at a target commodity;
Displaying an item detail interface for displaying object detail information of the target item in response to the view detail operation; the height of the commodity detail interface is smaller than the width, the commodity detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, commodity detail information of the target commodity is displayed in the first display area, the commodity detail information comprises a picture, the height of the picture is larger than the width, the height-width ratio of the picture is not larger than the height-width ratio of the first display area, the picture is displayed by the terminal in an equal proportion scaling mode, and information of matched commodities capable of being matched with the target commodity is displayed in the second display area.
7. An information display device applied to a terminal, characterized by comprising:
The acquisition module is used for acquiring the view detail operation aiming at the target object, which is input by a user;
the display module is used for responding to the detail viewing operation and displaying a detail interface for displaying object detail information of the target object; the height of the detail interface is smaller than the width, the detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, the object detail information of the target object is displayed in the first display area, the object detail information comprises a picture, the height of the picture is larger than the width, the height-width ratio of the picture is not larger than the height-width ratio of the first display area, the picture is displayed by the terminal in an equal-proportion scaling mode, and the information of a collocation object capable of being collocated with the target object is displayed in the second display area.
8. An information display device applied to a terminal, characterized by comprising:
the acquisition module is used for acquiring the view detail operation aiming at the target commodity, which is input by a user;
The display module is used for responding to the detail viewing operation and displaying an article detail interface for displaying object detail information of the target article; the height of the commodity detail interface is smaller than the width, the commodity detail interface is divided into a first display area and a second display area which are transversely arranged, the height of the first display area is larger than the width, commodity detail information of the target commodity is displayed in the first display area, the commodity detail information comprises a picture, the height of the picture is larger than the width, the height-width ratio of the picture is not larger than the height-width ratio of the first display area, the picture is displayed by the terminal in an equal proportion scaling mode, and information of matched commodities capable of being matched with the target commodity is displayed in the second display area.
9. A terminal, comprising: a memory, a processor; wherein the memory is configured to store one or more computer instructions, wherein the one or more computer instructions, when executed by the processor, implement the method of any of claims 1 to 6.
10. A computer readable storage medium, characterized in that a computer program is stored thereon, which, when executed, implements the method according to any of claims 1 to 6.
CN202111314716.5A 2021-11-08 Information display method, device and equipment Active CN114168027B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111314716.5A CN114168027B (en) 2021-11-08 Information display method, device and equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111314716.5A CN114168027B (en) 2021-11-08 Information display method, device and equipment

Publications (2)

Publication Number Publication Date
CN114168027A CN114168027A (en) 2022-03-11
CN114168027B true CN114168027B (en) 2024-07-09

Family

ID=

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102346646A (en) * 2011-09-19 2012-02-08 百度在线网络技术(北京)有限公司 Method and device for displaying contents on display screen of mobile terminal
CN107341706A (en) * 2017-05-25 2017-11-10 段元文 Method, terminal and the computer-readable recording medium of split screen display available contrast
CN107967633A (en) * 2016-10-19 2018-04-27 苏宁云商集团股份有限公司 The methods of exhibiting and system of commodity in a kind of website

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102346646A (en) * 2011-09-19 2012-02-08 百度在线网络技术(北京)有限公司 Method and device for displaying contents on display screen of mobile terminal
CN107967633A (en) * 2016-10-19 2018-04-27 苏宁云商集团股份有限公司 The methods of exhibiting and system of commodity in a kind of website
CN107341706A (en) * 2017-05-25 2017-11-10 段元文 Method, terminal and the computer-readable recording medium of split screen display available contrast

Similar Documents

Publication Publication Date Title
US11630861B2 (en) Method and apparatus for video searching, terminal and storage medium
US9654600B2 (en) Method, client device and server of accessing network information through graphic code
CN106982240B (en) Information display method and device
US20150261834A1 (en) Method and apparatus for providing search result
CN106610785B (en) commodity object list information processing method and device
CN111062778A (en) Product browsing method, device, equipment and storage medium
CN110858378B (en) Evaluation information display method, order creation method, purchasing method and device
EP3396616A1 (en) Method and device for displaying network products on product shelf
CN107526592A (en) A kind of page adaptation method and apparatus
CN110769300A (en) Method and equipment for presenting horizontal screen video in information stream
US10198147B2 (en) Object management and visualization using a computing device
CN113393294A (en) Page display method and device, equipment and storage medium
CN114445177A (en) Commodity detail page display method and electronic equipment
CN111897607A (en) Application interface loading and interaction method, device and storage medium
CN114168027B (en) Information display method, device and equipment
CN113763009A (en) Picture processing method, picture skipping method, device, equipment and medium
CN111309411B (en) Schedule display method and device
US9767079B1 (en) Serving expandable content items
CN113722630B (en) Method and equipment for presenting resource data in web page based on client rendering
CN114168027A (en) Information display method, device and equipment
US11756107B1 (en) Dynamic contextual navigation
CN111221446A (en) Menu display method, device and equipment
CN108984247B (en) Information display method, terminal equipment and network equipment thereof
CN112131840A (en) Page processing method, device, storage medium and processor
CN113434214B (en) Method and device for displaying components in page

Legal Events

Date Code Title Description
PB01 Publication
SE01 Entry into force of request for substantive examination
GR01 Patent grant