cover-view部分屏幕样式出问题
发布于 6 年前 作者 taoye 4582 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

iphone5的屏幕左侧漏了一点

  • 预期表现

iphone6的屏正常

  • 提供一个最简复现 Demo

.bswitch {

position:absolute;

left:235rpx;

top:2vh;

width: 280rpx;

height:60rpx;

overflow:hidden;

margin:0 auto;

text-align:center;

font-family:“Microsoft Yahei”;

border-radius:30rpx;

border: 2rpx solid #03d1ab;

}

.bswitch .item {

display:inline-block;

width: 140rpx;

height:60rpx;

line-height:60rpx;

text-align:center;

overflow:hidden;

font-size:28rpx;

color:#03d1ab;

background:#fff;

}

.bswitch .itemcur {

color:#fff;

background:#03d1ab;

}

<cover-view class=“bswitch”>

<cover-view class=“item itemcur” bindtap=‘topmap’>地图</cover-view>

<cover-view class=“item” bindtap=‘toplist’>列表</cover-view>

</cover-view>

样式为宽280rpx的<cover-view>,套两个宽140rpx的<cover-view>

3 回复

可以了,谢谢

提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

item的宽度使用百分比试试

回到顶部