微信小程序中可以用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包裹起来。