Floating layer display method and device, computer equipment and storage medium
By acquiring and displaying multiple floating layer data and their location information, the problem of low client development efficiency in the prior art is solved, and independent operation and efficient development of multiple floating layer are achieved.
Patent Information
- Application Number
- CN202410905544.6
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-07-08
- Publication Date
- 2025-03-07
AI Technical Summary
In the prior art, H5 floating layer needs to be developed separately for each business party for each page of the client, and each floating layer requires a detection effect after the client issuing, resulting in low client development efficiency.
By obtaining multiple floating layer data and their location information, the data is obtained in response to the client opening; when the touch display device clicks, the RGB value of the click position and floating layer is determined, and the corresponding floating layer is displayed according to the RGB value. This method allows you to detect the effects of multiple floating layers by clicking in one release.
The multiple floating layers of any page are realized by dividing different display areas, and the content of each floating layer is operated separately. The display of a single floating layer does not affect the operation of other floating layer services, improving the operation and development efficiency of mobile client.
Smart Images
Figure CN119576194A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of computer network communication technology, and in particular to a floating layer display method, device, computer equipment and storage medium. Background Art
[0002] With the continuous development of computer network communication technology, the Internet has a profound impact on people's work and life. Through the client, users can get a variety of services.
[0003] In the prior art, an H5 floating layer is developed for each business party for a certain page of the client, and each floating layer needs to be released by the client before it can be tested to see if it achieves the expected effect. However, each page may have multiple business needs. If the H5 floating layer of each business is released and tested for its corresponding effect, it will lead to low client development efficiency. Summary of the invention
[0004] Based on the above problems, the present application provides a floating layer display method, device, computer equipment and storage medium to improve client development efficiency.
[0005] The embodiments of the present application disclose the following technical solutions:
[0006] In a first aspect, an embodiment of the present application provides a floating layer display method, the method comprising:
[0007] In response to the client opening, a plurality of floating layer data and position information corresponding to each of the floating layer data are obtained; the position data includes a vertical level of the floating layer and a horizontal position on a touch display device;
[0008] In case of a click on the touch display device, determining a horizontal position of the click action on the touch display device and an RGB value of the floating layer corresponding to the horizontal position;
[0009] The floating layer corresponding to the horizontal position is displayed according to the RGB value.
[0010] Optionally, displaying the floating layer corresponding to the horizontal position according to the RGB value specifically includes:
[0011] Convert the RGB value to a corresponding YUV value;
[0012] When the Y value in the YUV value is greater than or equal to a preset threshold, the floating layer corresponding to the horizontal position is displayed; wherein the preset threshold is the Y value corresponding to the background color in the floating layer.
[0013] Optionally, the method further comprises:
[0014] In the case that the touch device is clicked multiple times, determining the horizontal position of each click action on the touch display device, the YUV value of the floating layer corresponding to each horizontal position, and the Y value of the YUV value;
[0015] The floating layers corresponding to the multiple horizontal positions are displayed according to the multiple Y values.
[0016] Optionally, the method further comprises:
[0017] Delete and add the floating layer.
[0018] Optionally, the adding the floating layer specifically includes:
[0019] Configuring the location information of the floating layer;
[0020] The location information is cached in a page floating layer cache data queue list corresponding to the client.
[0021] Optionally, displaying the floating layers corresponding to the multiple horizontal positions according to the multiple RGB values specifically includes:
[0022] The floating layers corresponding to the horizontal positions are displayed in sequence, or the floating layers corresponding to the horizontal positions are displayed simultaneously.
[0023] In a second aspect, an embodiment of the present application provides a floating layer display device, the device comprising: an acquisition module, a determination module and a display module;
[0024] The acquisition module is used for acquiring a plurality of floating layer data and position information corresponding to each of the floating layer data in response to the client opening; the position data includes a vertical level of the floating layer and a horizontal position on the touch display device;
[0025] The determining module is used to determine, when the touch display device is clicked, a horizontal position of the click action on the touch display device and an RGB value of the floating layer corresponding to the horizontal position;
[0026] The display module is used to display the floating layer corresponding to the horizontal position according to the RGB value.
[0027] Optionally, the display module is specifically used to convert the RGB value into a corresponding YUV value; when the Y value in the YUV value is greater than or equal to a preset threshold, the floating layer corresponding to the horizontal position is displayed; wherein the preset threshold is the Y value corresponding to the background color in the floating layer.
[0028] Optionally, the device determination module is further configured to determine, when the touch device is clicked multiple times, a horizontal position of each click action on the touch display device and an RGB value of the floating layer corresponding to each horizontal position;
[0029] The display module is specifically used to display the floating layers corresponding to multiple horizontal positions according to multiple RGB values.
[0030] Optionally, the device further comprises: an adding and deleting module;
[0031] The adding and deleting module is used to delete and add the floating layer.
[0032] Optionally, the adding and deleting module is specifically used to configure the location information of the floating layer; and cache the location information in a page floating layer cache data queue list corresponding to the client.
[0033] Optionally, the display module is specifically used to display the floating layers corresponding to the horizontal positions in sequence, or to display the floating layers corresponding to the horizontal positions at the same time.
[0034] In a third aspect, an embodiment of the present application provides a computer device, comprising: a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the computer program, the floating layer display method as described in the embodiment of the first aspect is implemented.
[0035] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, in which instructions are stored. When the instructions are executed on a terminal device, the terminal device executes the floating layer display method as described in the embodiment of the first aspect.
[0036] Compared with the prior art, this application has the following beneficial effects:
[0037] In response to the client opening, multiple floating layer data and the position information corresponding to each floating layer data are obtained. The position data includes the vertical level of the layer and the horizontal position on the touch display device; in the case of a click on the touch display device, the horizontal position of the click action on the touch display device and the RGB value of the floating layer corresponding to the horizontal position are determined; and the floating layer corresponding to the horizontal position is displayed according to the RGB value. In the embodiment of the present application, multiple floating layers of any page are divided into different display areas, and each floating layer business content is operated separately. The display of a single floating layer does not affect the operation of other floating layer businesses, thereby realizing the decoupling of business operations. The effects of multiple floating layers can be tested by clicking once the version is released, thereby improving the operation and development efficiency of the mobile client. BRIEF DESCRIPTION OF THE DRAWINGS
[0038] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative labor.
[0039] Figure 1 A flowchart of a floating layer display method provided in an embodiment of the present application;
[0040] Figure 2 A schematic diagram of a horizontal position of a floating layer on a touch display device provided in an embodiment of the present application;
[0041] Figure 3 A schematic diagram of a vertical layer of a floating layer provided in an embodiment of the present application;
[0042] Figure 4 A schematic diagram of a floating layer click area and a background area provided in an embodiment of the present application;
[0043] Figure 5 A schematic diagram of a floating layer display provided in an embodiment of the present application;
[0044] Figure 6 A schematic diagram of the structure of a floating layer display device provided in an embodiment of the present application;
[0045] Figure 7 A schematic diagram of the structure of a computer device provided in an embodiment of the present application. DETAILED DESCRIPTION
[0046] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.
[0047] The terms "first" and "second" in the specification and claims of this application are used to distinguish different objects rather than to describe a specific order of objects. For example, first data and second data are used to distinguish different data rather than to describe a specific order of data.
[0048] In the embodiments of the present application, words such as "exemplary" or "for example" are used to indicate examples, illustrations or descriptions. Any embodiment or design described as "exemplary" or "for example" in the embodiments of the present application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "exemplary" or "for example" is intended to present related concepts in a specific way.
[0049] In the description of the embodiments of the present application, unless otherwise specified, "multiple" means two or more than two. For example, multiple processing units refer to two or more processing units, etc.; multiple elements refer to two or more elements, etc.
[0050] See also Figure 1 , which is a flow chart of a floating layer display method provided in an embodiment of the present application.
[0051] like Figure 1 As shown, the method includes:
[0052] S110: In response to the client opening, obtaining a plurality of floating layer data and position information corresponding to each floating layer data. The position data includes a vertical level of the layer and a horizontal position on the touch display device.
[0053] For ease of understanding, the present application provides the following two schematic diagrams of the horizontal position of the floating layer on the touch display device, respectively: Figure 2 (a) and Figure 2 As shown in (b) in .
[0054] like Figure 2 As shown in (a), the floating layer 1, the floating layer 2, the floating layer 3, the floating layer 4, the floating layer 5 and the floating layer 6 occupy the same area of the touch display device; Figure 2 As shown in (b) , the areas occupied by the floating layer 1 , the floating layer 2 , the floating layer 3 , the floating layer 4 , the floating layer 5 , and the floating layer 6 of the touch display device are not all equal.
[0055] It should be understood that the touch display device described in the embodiments of the present application may be a touch screen of a mobile terminal, such as a display screen of a smart phone, a display screen of a smart watch, and a display screen of a tablet computer, etc. In the embodiments of the present application, no limitation is made.
[0056] like Figure 3 As shown in FIG. 1 , this figure is a schematic diagram of a vertical layer of a floating layer provided in an embodiment of the present application. Figure 3 There are six vertical layers in total, namely A, B, C, D, E and F. Among them, the vertical layer corresponding to F is the most superficial floating layer, and the vertical layer corresponding to A is the bottom floating layer.
[0057] As an example, Figure 2Taking (a) in FIG. 1 as an example, the position data of each floating layer can be expressed as (a, 1, C), (a, 2, E), (a, 3, A), (a, 4, F), (a, 5, B) and (a, 6, D); Figure 2 Taking (b) in the figure as an example, the position data of each floating layer can be expressed as (b, 1, C), (b, 2, E), (b, 3, A), (b, 4, F), (b, 5, B) and (b, 6, D). It should be understood that the embodiment of the present application does not limit the specific form of the position data of the floating layer.
[0058] S120: When the touch display device is clicked, determine a horizontal position of the click action on the touch display device and an RGB value of a floating layer corresponding to the horizontal position.
[0059] It should be understood that the click action can be initiated by a stylus or a user's finger, and the embodiments of the present application are not limited thereto.
[0060] When the touch display device is clicked, the horizontal position corresponding to the click action in the touch display device is obtained.
[0061] In a possible implementation, the horizontal position can be represented by coordinates (x, y), where x represents the horizontal coordinate of the touch device and y represents the vertical coordinate of the touch device; Figure 2 As shown in (a) or (b), floating layers 1, 2, 3, 4, 5 and 6 can all be determined by four angular coordinates. If the horizontal position (x, y) is within the area enclosed by the angular coordinates, it means that the corresponding layer is clicked.
[0062] In addition, the RGB value of the floating layer corresponding to the horizontal position is also obtained. For example, if the user clicks on the horizontal position of floating layer 1, the RGB value of floating layer 1 is obtained; if the user clicks on the horizontal position of floating layer 2, the RGB value of floating layer 2 is obtained; if the user clicks on the horizontal position of floating layer 3, the RGB value of floating layer 3 is obtained, and so on. The embodiments of the present application will not elaborate on other floating layers.
[0063] In the embodiment of the present application, the RGB value of the floating layer is used to represent the brightness of the floating layer, and the value range of the RGB value is 0-255. For example, the RGB value of white can be represented as (255, 255, 255), the RGB value of gray can be represented as (127, 127, 127), and the RGB value of black can be represented as (0, 0, 0). In the embodiment of the present application, the RGB values of the above colors are only exemplary, and the embodiment of the present application will not repeat the RGB values of other colors.
[0064] S130: Displaying a floating layer corresponding to a horizontal position according to the RGB value.
[0065] Specifically, the RGB value is converted into the corresponding YUV value; when the Y value in the YUV value is greater than or equal to a preset threshold, the floating layer corresponding to the horizontal position is displayed; wherein the preset threshold is the Y value corresponding to the background color in the floating layer.
[0066] Among them, YUV is a color encoding system. In YUV, the Y value represents brightness, and its range is 0-255. Among them, 0 represents the darkest black, and 255 represents the brightest white.
[0067] According to the Y value corresponding to the background color value and the Y value of the floating layer, it is judged whether it is bright enough. If the Y value of the floating layer exceeds the Y value of the YUV value corresponding to the background color value, the user behavior is captured and intercepted, and the user clicks on the element on the combined floating layer; if it does not exceed the Y value corresponding to the background color value, it is considered that the user did not click on the element on the combined floating layer, and the event is intercepted and abandoned, and the native page is handed over to perform the corresponding logic.
[0068] As an example, if the Y value corresponding to an element at a certain location in floating layer 1 is greater than the Y value of its background color value, then the element at that location in floating layer 1 will be displayed, and the user behavior at that location will be captured and intercepted; if the Y value corresponding to an element at a certain location in floating layer 1 is less than the Y value of its background color value, then the element at that location in floating layer 1 will not be displayed, and the user behavior at that location will not be captured and intercepted, and so on.
[0069] For ease of understanding, the present application embodiment provides a schematic diagram of a click area and a background area of a floating layer, such as Figure 4 As shown. Figure 4 In , the threshold value represents the Y value corresponding to the background color.
[0070] It should be noted that the background color of the floating layer needs to be in the same color system. In addition to the clickable area of each floating layer, the other areas will have a certain degree of transparency to transparently display the next floating layer.
[0071] In addition, through the method described in the embodiments of the present application, the floating layer can be directly deleted or added to improve the freedom of floating layer display.
[0072] Specifically, when adding a floating layer, the location information of the floating layer needs to be configured; the location information is cached in the page floating layer cache data queue list corresponding to the client, so as to obtain the floating layer data from the data queue list and display the corresponding floating layer.
[0073] In the embodiment of the present application, multiple floating layers of any page are divided into different display areas and each floating layer business content is operated independently. The display of a single floating layer does not affect the operation of other floating layer businesses, thereby realizing the decoupling of business operations. The effects of multiple floating layers can be tested by clicking once the version is released, thereby improving the operation and development efficiency of the mobile client.
[0074] It should be noted that in the embodiment of the present application, the areas where multiple floating layers are located can be clicked in sequence, for example, the horizontal positions corresponding to floating layer 1, floating layer 2 and floating layer 4 can be clicked in sequence.
[0075] In order to increase the degree of freedom of floating layer display, in the embodiment of the present application, floating layer 1, floating layer 2 and floating layer 3 can be displayed in sequence, or floating layer 1, floating layer 2 and floating layer 3 can be displayed at the same time.
[0076] When the areas where multiple floating layers are located are clicked successively, and floating layer 1, floating layer 2 and floating layer 3 are displayed in sequence, only one floating layer can be displayed in the touch display device by covering.
[0077] As an example, click on the horizontal positions of floating layer 1, floating layer 2 and floating layer 3 in sequence, first display floating layer 1, when floating layer 1 is displayed, cover floating layer 1 to display floating layer 2; when floating layer 2 is displayed, cover floating layer 2; finally display floating layer 3. It should be understood that when floating layer 3 is displayed, in order to facilitate the user's next click, except for the clickable area, other areas of floating layer 2 will have a certain degree of transparency to transparently display the next floating layer.
[0078] When multiple floating layers are clicked in sequence, floating layer 1, floating layer 2, floating layer 3, floating layer 4, floating layer 5 and floating layer 6 are displayed at the same time, and the corresponding schematic diagram is as follows Figure 5 shown.
[0079] Therefore, the embodiment of the present application can display different floating layer combinations through any combination, for example, floating layer 1, floating layer 2 and floating layer 3 can be displayed at the same time, or floating layer 1 and floating layer 2 can be displayed at the same time, or floating layer 1 and floating layer 3 can be displayed at the same time. It should be understood that the embodiment of the present application does not limit the combination method, and other possible combination methods will not be described in detail.
[0080] In addition, the embodiment of the present application provides a floating layer display device, the device comprising: an acquisition module 610, a determination module 620 and a display module 630;
[0081] The acquisition module 610 is used to acquire a plurality of floating layer data and position information corresponding to the floating layer data in response to the client opening; the position data includes the vertical level of the floating layer and the horizontal position on the touch display device;
[0082] A determination module 620 is used to determine, when the touch display device is clicked, a horizontal position of the click action on the touch display device and an RGB value of a floating layer corresponding to the horizontal position;
[0083] The display module 630 is used to display the floating layer corresponding to the horizontal position according to the RGB value.
[0084] Optionally, the display module 630 is specifically used to convert the RGB value into the corresponding YUV value; when the Y value in the YUV value is greater than or equal to a preset threshold, the floating layer corresponding to the horizontal position is displayed; wherein the preset threshold is the YUV value corresponding to the background color in the floating layer.
[0085] Optionally, the determination module 620 is further configured to determine, when the touch device is clicked multiple times, the horizontal position of each click action on the touch display device and the RGB value of the floating layer corresponding to each horizontal position;
[0086] The display module 630 is specifically configured to display floating layers corresponding to multiple horizontal positions according to multiple RGB values.
[0087] Optionally, the device further comprises: an adding and deleting module;
[0088] Add and delete module, used to delete and add floating layers.
[0089] Optionally, the addition and deletion module is specifically used to configure the location information of the floating layer; and cache the location information in the page floating layer cache data queue list corresponding to the client.
[0090] Optionally, the display module 630 is specifically configured to display the floating layers corresponding to the respective horizontal positions in sequence, or display the floating layers corresponding to the respective horizontal positions simultaneously.
[0091] Multiple floating layers on any page are divided into different display areas and each floating layer business content is operated independently. The display of a single floating layer does not affect the operation of other floating layer businesses, thus realizing the decoupling of business operations. The effects of multiple floating layers can be tested by clicking once the version is released, thus improving the operation and development efficiency of mobile clients.
[0092] An embodiment of the present application provides a computer-readable storage medium on which a computer program is stored. When the program is executed by a processor, the floating layer display method described in the embodiment of the present application is implemented.
[0093] In practical applications, the computer-readable storage medium can adopt any combination of one or more computer-readable media. The computer-readable medium can be a computer-readable signal medium or a computer-readable storage medium. The computer-readable storage medium can be, for example, but not limited to, a system, device or device of electricity, magnetism, light, electromagnetic, infrared, or semiconductor, or any combination of the above. More specific examples (non-exhaustive list) of computer-readable storage media include: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present embodiment, the computer-readable storage medium can be any tangible medium containing or storing a program, which can be used by an instruction execution system, device or device or used in combination with it.
[0094] Computer-readable signal media may include data signals propagated in baseband or as part of a carrier wave, which carry computer-readable program code. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. Computer-readable signal media may also be any computer-readable medium other than a computer-readable storage medium, which may send, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device.
[0095] The program code embodied on the computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
[0096] Computer program code for performing the operations of the present invention may be written in one or more programming languages or a combination thereof, including object-oriented programming languages such as Java, Smalltalk, C++, and conventional procedural programming languages such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).
[0097] like Figure 7As shown, a schematic diagram of the structure of a computer device provided in an embodiment of the present application. Figure 7 The computer device 12 shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present invention.
[0098] like Figure 7 As shown, the computer device 12 is in the form of a general-purpose computing device. The components of the computer device 12 may include, but are not limited to: one or more processors or processing units 16, a system memory 28, and a bus 18 that connects various system components (including the system memory 28 and the processing unit 16).
[0099] Bus 18 represents one or more of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, a processor or a local bus using any of a variety of bus architectures. By way of example, these architectures include, but are not limited to, an Industry Standard Architecture (ISA) bus, a Micro Channel Architecture (MAC) bus, an Enhanced ISA bus, a Video Electronics Standards Association (VESA) local bus, and a Peripheral Component Interconnect (PCI) bus.
[0100] The computer device 12 typically includes a variety of computer system readable media. These media can be any available media that can be accessed by the computer device 12, including volatile and non-volatile media, removable and non-removable media.
[0101] The system memory 28 may include computer system readable media in the form of volatile memory, such as random access memory (RAM) 30 and / or cache memory 32. The computer device 12 may further include other removable / non-removable, volatile / non-volatile computer system storage media. By way of example only, the storage system 34 may be used to read and write non-removable, non-volatile magnetic media ( Figure 7 not shown, usually called a "hard drive"). Although Figure 7 Not shown in the figure, a disk drive for reading and writing to a removable non-volatile disk (e.g., a "floppy disk"), and an optical disk drive for reading and writing to a removable non-volatile optical disk (e.g., a CD-ROM, a DVD-ROM, or other optical media) may be provided. In these cases, each drive may be connected to the bus 18 via one or more data medium interfaces. The memory 28 may include at least one program product having a set (e.g., at least one) of program modules that are configured to perform the functions of the various embodiments of the present invention.
[0102] A program / utility 40 having a set (at least one) of program modules 42 may be stored, for example, in the memory 28, such program modules 42 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each of which or some combination may include an implementation of a network environment. The program modules 42 generally perform the functions and / or methods of the embodiments described herein.
[0103] The computer device 12 may also communicate with one or more external devices 14 (e.g., keyboards, pointing devices, displays 24, etc.), one or more devices that enable a user to interact with the computer device 12, and / or any device that enables the computer device 12 to communicate with one or more other computing devices (e.g., network cards, modems, etc.). Such communication may be performed through an input / output (I / O) interface 22. Furthermore, the computer device 12 may also communicate with one or more networks (e.g., local area networks (LANs), wide area networks (WANs), and / or public networks, such as the Internet) through a network adapter 20. Figure 7 As shown, the network adapter 20 communicates with other modules of the computer device 12 via the bus 18. It should be understood that although Figure 7 Not shown, other hardware and / or software modules may be used in conjunction with computer device 12, including but not limited to microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.
[0104] The processor unit 16 executes various functional applications and data processing by running programs stored in the system memory 28, such as implementing the floating layer display method provided in the embodiment of the present application.
[0105] It should also be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the presence of other identical elements in the process, method, article or device including the elements.
[0106] The above is only a specific implementation of the present application, but the protection scope of the present application is not limited thereto. Any changes or substitutions that can be easily thought of by a person skilled in the art within the technical scope disclosed in the present application should be included in the protection scope of the present application. Therefore, the protection scope of the present application should be based on the protection scope of the claims.
Claims
1. A floating layer display method, characterized in that: The method comprises: In response to the client opening, a plurality of floating layer data and position information corresponding to each of the floating layer data are obtained; the position data includes a vertical level of the floating layer and a horizontal position on a touch display device; In case of a click on the touch display device, determining a horizontal position of the click action on the touch display device and an RGB value of the floating layer corresponding to the horizontal position; The floating layer corresponding to the horizontal position is displayed according to the RGB value.
2. The method according to claim 1, characterized in that The displaying the floating layer corresponding to the horizontal position according to the RGB value specifically includes: Convert the RGB value to a corresponding YUV value; When the Y value in the YUV value is greater than or equal to a preset threshold, the floating layer corresponding to the horizontal position is displayed; wherein the preset threshold is the Y value corresponding to the background color in the floating layer.
3. The method according to claim 2, characterized in that The method further comprises: In the case that the touch device is clicked multiple times, determining the horizontal position of each click action on the touch display device, the YUV value of the floating layer corresponding to each horizontal position, and the Y value of the YUV value; The floating layers corresponding to the multiple horizontal positions are displayed according to the multiple Y values.
4. The method according to claim 1, characterized in that: The method further comprises: Delete and add the floating layer.
5. The method according to claim 4, characterized in that The adding of the floating layer specifically includes: Configuring the location information of the floating layer; The location information is cached in a page floating layer cache data queue list corresponding to the client.
6. The method according to claim 3, characterized in that The displaying of the floating layers corresponding to the plurality of horizontal positions according to the plurality of RGB values specifically includes: The floating layers corresponding to the horizontal positions are displayed in sequence, or the floating layers corresponding to the horizontal positions are displayed simultaneously; wherein the Y value of the displayed YUV value of the floating layer is greater than or equal to the preset threshold.
7. A floating display device, characterized in that: The device comprises: an acquisition module, a determination module and a display module; The acquisition module is used for acquiring a plurality of floating layer data and position information corresponding to each of the floating layer data in response to the client opening; the position data includes a vertical level of the floating layer and a horizontal position on the touch display device; The determining module is used to determine, when the touch display device is clicked, a horizontal position of the click action on the touch display device and an RGB value of the floating layer corresponding to the horizontal position; The display module is used to display the floating layer corresponding to the horizontal position according to the RGB value.
8. The device according to claim 7, characterized in that The display module is specifically used to convert the RGB value into a corresponding YUV value; when the Y value in the YUV value is greater than or equal to a preset threshold, the floating layer corresponding to the horizontal position is displayed; wherein the preset threshold is the Y value corresponding to the background color in the floating layer.
9. A computer device, characterized in that: include: A memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the computer program, the floating layer display method according to any one of claims 1 to 6 is implemented.
10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores instructions, and when the instructions are executed on a terminal device, the terminal device executes the floating layer display method according to any one of claims 1 to 6.