小程序设置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包裹起来。

提供全面的搜索引擎优化学习交流,专注网站优化和搜索引擎营销推广服务。用专业的SEO技术为企业网站提升关键词排名,让你的网站不仅满足用户体验还要适合搜索引擎优化规则。
易速网站优化公司 » 小程序设置hover-class属性实现点击变色效果
享更多特权,立即登录下载海量资源
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡