查看微信小程序官方文档,我们可以看到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的样式