背景

相信很多老前端做微信小程序点击样式的时候，都喜欢直接搁样式里:hover,:focus,:active三连，还有些时候真机调试压根没反应，

时间长了，代码维护起来又累又辛苦。

解决

多给组件设置一个hover-class，微信官方专门留给点击样式的。相关css代码全局写一个都够用了，妈妈再也不用担心我的样式表五米长了

1
2
3

<view class="..." hover-class="...">
  <!-- 子组件 -->
</view>

其实还可以配合hover-stop-propagation属性使用，该属性接受布尔值，默认为false。如果设置为true则会阻止事件冒泡给父组件，可以有效提升代码执行速度。

读文档要认真！

嗯，吃一堑长一智，以后要尽量不以先入为主的观念看问题。