Wechat applet navigator has a shadow after clicking. Remove the shadow effect of navigator

• Method 1： add to  hover-class="none"  attribute .

<navigator url="/subpkg/settings/aboutUs"  hover-class="none">
	<view> About us </view>
</navigator>

 

• Method 2 ： Don't want to bother adding labels one by one , Can be global css Get rid of ( In the root directory uni.scss / wxss file ）.

/*  Method 1 ：
	background-color:none  There will still be shadow effect . Don't modify opacity Properties will have  0.7 Transparent effect of  
	 Because the system attribute is written as ： 
	.navigator-hover {
		background-color: rgba(0, 0, 0, .1);
		opacity: .7;
	}
*/
.navigator-hover {
	background-color: transparent !important;
	opacity: 1;
}

/* 
    Method 2 ： If the level is not enough / Can't cover , You can add another layer  navigator
*/
navigator.navigator-hover {
	background-color: transparent !important;
	opacity: 1;
}

• Method 3 ： stay hover-class Properties of the add to class name .

<!-- html/wxml -->
<navigator url="/subpkg/settings/aboutUs"  hover-class="noshadow">
	<view> About us </view>
</navigator>

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