微信小程序-点击图片高亮显示的方式

第一种方式：在image外包裹一层navigator，并设置hover-class="nav-hover"

<navigator url="../../pages/flex/flex" hover-class="nav-hover">
  <image src="../../assets/a.jpg"></image>
</navigator>


.nav-hover{
  opacity: .5;
}

效果如下：

第二种方式给image加class，也可实现上面的效果

<image class="my-hover" src="../../assets/a.jpg"></image>

.my-hover{
  cursor:pointer;
}