微信小程序的点击效果（支持view、button、navigator）

查看微信小程序官方文档，我们可以看到button有

 通过设置 hover-class，实现点击态效果，我们可以增强小程序触感，提高用户交互感知度。

话不多说，直接上代码

.wxss文件

/* 点击效果 */
.hover_btn{
  position: relative;
  top: 3rpx;
}

.wxml文件

<view hover-class="hover_btn" >测试1</view>
<button hover-class="hover_btn" >测试2</button>
<navigator url="填自己的页面路径" hover-class="hover_btn" >测试3</navigator>

要丰富点击的样式的话，可以自己修改hover-class的样式