3322关注10508浏览
先描述一下问题现象:
用cover-view 通过border 边的样式设置了四个直角,
在真机ios 版本 iphone6plus上: 只能显示两个,并且四个角变成了四个框,也就是说border设置的另外两个边隐藏这个效果在真机上失效了!
在真机Levnovo PB2-690N 上:所有界面都不显示....
在模拟器上显示都正常,真机上级面目全非。
下面上关键代码:
wxml:
<cover-view class='corner corner-tleft'></cover-view>
<cover-view class='corner corner-tright'></cover-view>
<cover-view class='corner corner-bleft'></cover-view>
<cover-view class='corner corner-bright'></cover-view>
wxss:
/*黄色角标样式*/
.corner{
width: 25rpx;
height: 25rpx;
border: 6rpx;
border-style: solid;
border-color: #FF9800;
position: fixed;
}
.corner-tleft{
border-bottom: 0;
border-right: 0;
top:9.6%;
left:7.5%;
z-index: 10;
}
.corner-tright{
border-bottom: 0;
border-left: 0;
top:9.6%;
right:7.5%;
z-index: 11;
}
.corner-bleft{
border-top: 0;
border-right: 0;
top:78%;
left:7.5%;
z-index: 12;
}
.corner-bright{
border-top: 0;
border-left: 0;
top:78%;
right:7.5%;
z-index: 13;
}
上问题图:
模拟器上正确的布局是这样:
┏ ┓
┗ ┛
真机上错误的布局变成了:
???? ????
求各位大神指点! 感谢
-
至过去的我
2044人对此回答表示赞同
我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多> -
暗恋未遂
5人对此回答表示赞同
展开51回复分享发布于 5年前评论(1)
收起评论
感谢~~