十三年专注于网站建设与互联网应用开发,低调、有情怀的网络应用服务商!
南昌百恒科技微信公众号 扫一扫关注
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒科技微信公众号

小程序设置hover-class属性实现点击变色效果

百恒网络 2018-12-07 15:39:36 13757
       众所周知,微信小程序从出现到现在已有一年多的时间了,在这一年多的时间内小程序应用领域逐渐扩大,只增不减。同时,各行业中进行南昌小程序开发的企业也越来越多。今天,小编就为大家介绍一下关于小程序开发中通过设置hover-class属性实现点击变色效果的方法,希望能够帮到大家!

       微信小程序中可以用hover-class 属性来指定元素的点击态效果。但是在使用中要注意,大部分组件是不支持该属性的。

小程序设置hover-class属性实现点击变色效果

       目前支持hover-class属性的组件有三个:view、button、navigator。

       要注意的是,不支持hover-class属性的组件,同时也不支持hover-stop-propagation、hover-start-time、hover-stay-time这三个属性。

       当hover-class的值为none时,组件上不会有任何点击态效果。

       注意事项一:  
       当组件中没有任何指定的类时,如果直接使用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
扫一扫关注百恒网络微信公众号

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
备案专线 备案专线
 
售后服务 售后服务
 
×