本發(fā)明涉及前端頁(yè)面顯示領(lǐng)域領(lǐng)域，尤其涉及一種提示信息組件的優(yōu)化方法。
背景技術(shù)：
：：1、對(duì)軟件產(chǎn)品來(lái)說(shuō)各類內(nèi)置hover懸停顯示提示信息的需求現(xiàn)在是比比皆是。而element-ui(element，一套為開發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于vue?2.0的桌面端組件庫(kù))現(xiàn)有的tooltip組件能實(shí)現(xiàn)鼠標(biāo)(hover/click)根據(jù)配置的展示方向完成對(duì)應(yīng)提示信息的展示，并且支持自定義展示內(nèi)容。但是這種開源ui框架在一些產(chǎn)品定義上的使用自然是無(wú)法做到面面俱到的。2、現(xiàn)有的tooltip組件是一種用戶界面元素,通常用于提供簡(jiǎn)短的信息、描述、提示或幫助文本,以解釋某個(gè)元素的功能或提供額外的上下文信息，在slot(插槽)的結(jié)合使用下，可以將提示信息跟展示主體相互綁定，根據(jù)對(duì)應(yīng)交互需求完成提示信息的展示。3、但是在實(shí)際的場(chǎng)景需求中當(dāng)可視內(nèi)容區(qū)可以完整查看到全部信息的時(shí)候，對(duì)于用戶而言tooltip的提示信息其實(shí)是不需要出現(xiàn)的，并且希望在界面的響應(yīng)式布局前提下，主體信息的可視區(qū)域是會(huì)隨著視口改變而發(fā)生對(duì)應(yīng)變化的，這就導(dǎo)致提示信息顯隱規(guī)則是實(shí)時(shí)發(fā)生變化，而對(duì)應(yīng)這種情況tooltip是無(wú)法滿足產(chǎn)品需求的實(shí)現(xiàn)的。技術(shù)實(shí)現(xiàn)思路1、本發(fā)明的目的在于：提出一種提示信息組件的優(yōu)化方法，解決現(xiàn)有技術(shù)中的顯示組件無(wú)法有效的滿足實(shí)際過(guò)程中的相關(guān)需求，設(shè)計(jì)比較死板的技術(shù)問(wèn)題。2、一種提示信息組件的優(yōu)化方法，包括以下步驟：3、s1、創(chuàng)建自定義顯示組件；4、s2、利用自定義顯示組件獲取顯示主體信息和提示信息；5、s3、創(chuàng)建鼠標(biāo)動(dòng)作與提示標(biāo)志的交互映射關(guān)系；6、s4、根據(jù)所述交互映射關(guān)系，判定是否調(diào)用自定義顯示組件；7、s5、當(dāng)調(diào)用自定義顯示組件后，根據(jù)主體信息與提示信息的寬度，判定是否進(jìn)行提示信息的顯示。8、一種存儲(chǔ)介質(zhì)，所述存儲(chǔ)介質(zhì)存儲(chǔ)指令及數(shù)據(jù)用于實(shí)現(xiàn)一種提示信息組件的優(yōu)化方法。9、一種提示信息組件的優(yōu)化設(shè)備，包括：處理器及所述存儲(chǔ)介質(zhì)；所述處理器加載并執(zhí)行所述存儲(chǔ)介質(zhì)中的指令及數(shù)據(jù)用于實(shí)現(xiàn)一種提示信息組件的優(yōu)化方法。10、本發(fā)明提供的有益效果是：相比現(xiàn)有技術(shù)方案，拓展了主體信息可以完全查看下不顯示提示信息，并且在element-ui的其他組件使用中也有很好的兼容性，例如可以結(jié)合table組件進(jìn)行單個(gè)數(shù)據(jù)的顯隱提示，也能解決table的tooltip內(nèi)容一直交互顯示的問(wèn)題。并且能在響應(yīng)式布局可以跟隨視口的變化實(shí)時(shí)進(jìn)顯隱切換，對(duì)用戶體驗(yàn)上面具有很好的優(yōu)化提升。技術(shù)特征：1.一種提示信息組件的優(yōu)化方法，其特征在于：包括以下步驟：2.如權(quán)利要求1所述的一種提示信息組件的優(yōu)化方法，其特征在于：所述自定義組件中包括：可視的提示信息元素和不可視的提示信息元素。3.如權(quán)利要求1所述的一種提示信息組件的優(yōu)化方法，其特征在于：步驟s3中，所述交互映射關(guān)系具體為：當(dāng)鼠標(biāo)從主體信息顯示區(qū)域移入后，提示標(biāo)志激活，其它情況提示標(biāo)志失效。4.如權(quán)利要求1所述的一種提示信息組件的優(yōu)化方法，其特征在于：步驟s4中：當(dāng)提示標(biāo)志激活時(shí)，調(diào)用自定義顯示組件。5.如權(quán)利要求1所述的一種提示信息組件的優(yōu)化方法，其特征在于：步驟s5中，當(dāng)提示信息的寬度大于主體信息的寬度時(shí)，調(diào)用可視的提示信息元素，否則調(diào)用不可視的提示信息元素。6.如權(quán)利要求1所述的一種提示信息組件的優(yōu)化方法，其特征在于：步驟s5中，調(diào)用自定義顯示組件，采用節(jié)點(diǎn)信息標(biāo)志進(jìn)行調(diào)用。7.一種存儲(chǔ)介質(zhì)，其特征在于：所述存儲(chǔ)介質(zhì)存儲(chǔ)指令及數(shù)據(jù)用于實(shí)現(xiàn)權(quán)利要求1～6任一項(xiàng)所述的一種提示信息組件的優(yōu)化方法。8.一種提示信息組件的優(yōu)化設(shè)備，其特征在于：包括：處理器及存儲(chǔ)介質(zhì)；所述處理器加載并執(zhí)行存儲(chǔ)介質(zhì)中的指令及數(shù)據(jù)用于實(shí)現(xiàn)權(quán)利要求1～6任一項(xiàng)所述的一種提示信息組件的優(yōu)化方法。技術(shù)總結(jié)本發(fā)明涉及前端頁(yè)面顯示領(lǐng)域，公開了一種提示信息組件的優(yōu)化方法、設(shè)備及存儲(chǔ)介質(zhì)，方法如下：創(chuàng)建自定義顯示組件；利用自定義顯示組件獲取顯示主體信息和提示信息；創(chuàng)建鼠標(biāo)動(dòng)作與提示標(biāo)志的交互映射關(guān)系；根據(jù)所述交互映射關(guān)系，判定是否調(diào)用自定義顯示組件；當(dāng)調(diào)用自定義顯示組件后，根據(jù)主體信息與提示信息的寬度，判定是否進(jìn)行提示信息的顯示。本發(fā)明能在響應(yīng)式布局可以跟隨視口的變化實(shí)時(shí)進(jìn)顯隱切換，對(duì)用戶體驗(yàn)上面具有很好的優(yōu)化提升。技術(shù)研發(fā)人員：陳佳豪,梁忠輝,劉超受保護(hù)的技術(shù)使用者：智網(wǎng)安云（武漢）信息技術(shù)有限公司技術(shù)研發(fā)日：技術(shù)公布日：2024/12/17