android 刘海尖和全面屏底部多出一定高度,目测接近iOS安全区域高度。但是配置的是无安全区域,plus.navigator.getSafeAreaInsets()获取的四个值都是0,sdk版本是2019年12月11日版本
manifest配置:
"safearea" : {
"background" : "none",
"bottom" : {
"offset" : "none"
}
}
css:
.am-home-nav {
padding-bottom: 0 !important;
background-color: #fff;
border-top: 1px solid #ebebeb;
z-index: 4
}
.am-home-nav>a {
display: block;
width: 33.3333%;
height: 48px;
float: left;
margin: 0;
padding: 0;
padding-top: 1.75rem;
position: relative;
border-left: 0;
border-radius: 0;
text-align: center;
color: #000;
font-size: .75rem;
overflow: hidden
}
.am-home-nav>a.am-on {
color: #1496ff
}
.am-home-nav>a.am-active {
background-color: #f2f2f2
}
.am-home-nav>a span {
display: block;
position: absolute;
left: 50%;
top: 6px;
-webkit-transform: translate3d(-50%, 0, 0)
}
@media screen and (max-width:320px) {
.am-home-nav>a {
padding-top: 1.9rem
}
}
html
<div class="am-home-nav">
<a class="am-btn home am-on">首页<span class="am-icon-dock-home"></span></a>
<a class="am-btn pro">理财<span class="am-icon-dock-pro"></span></a>
<a class="am-btn my">我的<span class="am-icon-dock-my"></span></a>
</div>
你猜猜我是谁 (作者)
这是截图
2020-01-06 13:33