收藏
回答

cover-view部分屏幕样式出问题

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug cover-view 工具 6.7.3 2.3.2

- 当前 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;

}

<map style="width: 750rpx;height: 90vh;">

<cover-view class="bswitch">

<cover-view class="item itemcur" bindtap='topmap'>地图</cover-view>

<cover-view class="item" bindtap='toplist'>列表</cover-view>

</cover-view>

</map>

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

回答关注问题邀请回答
收藏

1 个回答

  • 是小白啊
    是小白啊
    2018-10-29

    请勿重复发帖。原贴已有回复,此贴先隐藏

    2018-10-29
    有用
    回复
登录 后发表内容