可以查看微信官方文档：

简单示例：
wxml：

<view class="box" hover-class="boxHover" hover-start-time="100" hover-stay-time="200">test</view>

wxss：

.box{
  width: 100rpx;
  height: 100rpx;
  margin: 50rpx;
  background-color: red;
}

.boxHover{
  background-color: green;
}

点击前：方块是红色的
点击时：方块变成绿色
点击后：方块变回红色

前端效果图：