百恒网络
小程序设置hover-class属性实现点击变色效果
  • 百恒服务
  • APP开发
  • 网页案例
  • 网页知识
  • 关于我们
  • 联系我们
  • 小程序设置hover-class属性实现点击变色效果

    2018-12-07 15:39:36 14137
           众所周知,微信小程序从出现到现在已有一年多的时间了,在这一年多的时间内小程序应用领域逐渐扩大,只增不减。同时,各行业中进行南昌小程序开发的企业也越来越多。今天,小编就为大家介绍一下关于小程序开发中通过设置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包裹起来。
    展开分享
    服务
    案例
    首页
    动态
    联系
    咨询