先描述一下问题现象:

用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;

}


上问题图:

模拟器上正确的布局是这样:

┏     ┓


┗     ┛

真机上错误的布局变成了:


????    ????


求各位大神指点! 感谢






展开全部
收起
1回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • 暗恋未遂

    5人对此回答表示赞同

    展开
    5
    1回复
    发布于 5年前

    评论(1)

    收起评论

    • Xavier 2019-01-31 13:19

      感谢~~

      回复
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部