html52.com
我爱小程序-开发者交流社区

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

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

- 当前 Bug 的表现(可附上截图)

- 当前 Bug 的表现(可附上截图)iphone5的屏幕左侧漏了一点

iphone5的屏幕左侧漏了一点


- 预期表现

- 预期表现iphone6的屏正常

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>

网友回复

齐涛:

开发工具上的,那我重新提一下吧

那个很帅的小白:

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

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付