前言:
除了使用路由API进行页面跳转外,小程序宿主环境也提供了导航组件navigator进行页面跳转。
一·hover样式
小程序如果想给元素添加触屏点击样式,可以给元素添加hover-class属性。
<view class="mineArea">
<block wx:for="{
{mineArray}}" wx:key="index">
<view class="mineList" bindtap="{
{item.Fn}}" hover-class="mineListHover">
<image src="{
{item.imgSrc}}"></image>
<text>{
{item.info}}</text>
<view></view>
</view>
</block>
</view>
/* ......wxss */
.mineListHover{
background: #dbd7d7;
}
注意:
虽然css的hover伪类也可以实现类似效果,但不太理想,效果粘附性太大,不建议使用。
二·navigator组件跳转
<navigator url="cat/cat