在線客服系統(tǒng)
十三年專注于網站建設與互聯網應用開發(fā),低調、有情懷的網絡應用服務商!
南昌百恒科技微信公眾號 掃一掃關注
tel-icon全國服務熱線:400-680-9298,0791-88117053
掃一掃關注百恒科技微信公眾號

小程序設置hover-class屬性實現點擊變色效果

百恒網絡 2018-12-07 15:39:36 13937
? ? ? ?眾所周知,微信小程序從出現到現在已有一年多的時間了,在這一年多的時間內小程序應用領域逐漸擴大,只增不減。同時,各行業(yè)中進行南昌小程序開發(fā)的企業(yè)也越來越多。今天,小編就為大家介紹一下關于小程序開發(fā)中通過設置hover-class屬性實現點擊變色效果的方法,希望能夠幫到大家!

? ? ? ?微信小程序中可以用hover-class 屬性來指定元素的點擊態(tài)效果。但是在使用中要注意,大部分組件是不支持該屬性的。

小程序設置hover-class屬性實現點擊變色效果

? ? ? ?目前支持hover-class屬性的組件有三個:view、button、navigator。

? ? ? ?要注意的是,不支持hover-class屬性的組件,同時也不支持hover-stop-propagation、hover-start-time、hover-stay-time這三個屬性。

? ? ? ?當hover-class的值為none時,組件上不會有任何點擊態(tài)效果。

? ? ? ?注意事項一:??
? ? ? ?當組件中沒有任何指定的類時,如果直接使用hover-class就會起到相應的作用,但當組件中已經指定了其他可能與hover-class沖突的類時,hover-class無效。

? ? ? ?解決辦法:
? ? ? ?將hover-class指定的類放在對應wss文件的末尾,這樣就不會被其他類所覆蓋。

? ? ? ?注意事項二:
? ? ? ?通常,當一個view組件中包含image等不支持hover-class的組件,但又需要在該組件上使用 hover-stop-propagation屬性的作用時,需要將不支持 hover-class的組件用view、button或 navigator包裹起來。
400-680-9298,0791-88117053
掃一掃關注百恒網絡微信公眾號

歡迎您的光顧,我們將竭誠為您服務×

售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售后服務 售后服務
 
備案專線 備案專線
 
售后服務 售后服務
 
×