通常页面会摆放一些button按钮或者view区域,用户触摸按钮之后会触发下一步的操作。这种情况下,我们要对触摸这个行为给予用户一些响应。如图所示,当我们手指触摸了button文字所在的cell区域时,对应的区域底色变成浅灰色,这样用户就可以知道小程序是有及时响应他的这次触摸操作,用户就不会很迷惑。
微信小程序 button hover-class 不显示 没效果

/*page.wxss */

.hover{

  background-color: gray;

}

<!--page.wxml -->

<button type="default" hover-class="hover"> 点击button </button>

<view hover-class="hover"> 点击view</view>

也就是在wxml页面加组件以及设置hover-class,在wxss写触摸时的反馈效果。但是实际测试时候,只有view组件有效果,button组件是没有触摸反馈的。

解决:

在wxml中,将hover-class="hover"改为hover-class="button-hover"
在wxss中,将.hover改为.button-hover


微信开发指南,4.3交互反馈例子
https://developers.weixin.qq.com/ebook?action=get_post_info&docid=000224fc9d0f98cb0086f4eff5180a