微信小程序 navigator点击后有阴影 ，去掉navigator阴影效果

• 方法1： 添加 hover-class="none" 属性 。

<navigator url="/subpkg/settings/aboutUs"  hover-class="none">
	<view>关于我们</view>
</navigator>

 

• 方法二：不想麻烦一个个标签加，可以全局 css 去掉 (根目录下的uni.scss / wxss文件）。

/* 方法一：
	background-color:none 依旧会有阴影效果。不修改opacity属性会有 0.7的透明效果 
	因为系统属性写法为： 
	.navigator-hover {
		background-color: rgba(0, 0, 0, .1);
		opacity: .7;
	}
*/
.navigator-hover {
	background-color: transparent !important;
	opacity: 1;
}

/* 
   方法二：如果层级不够/覆盖不了，可以再添加一层 navigator
*/
navigator.navigator-hover {
	background-color: transparent !important;
	opacity: 1;
}

• 方法三：在 hover-class 属性中 添加 class 名。

<!-- html/wxml -->
<navigator url="/subpkg/settings/aboutUs"  hover-class="noshadow">
	<view>关于我们</view>
</navigator>

/* uni.scss/wxss */
.noshadow{
  hover-class:none;
}