收藏
回答

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;

}


<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 个回答

  • 齐涛
    齐涛
    2018-10-30


    可以了,谢谢

    2018-10-30
    有用
    回复
  • Wang
    Wang
    2018-10-29

    item的宽度使用百分比试试

    2018-10-29
    有用
    回复
  • 是小白啊
    是小白啊
    2018-10-29

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

    2018-10-29
    有用
    回复 3
    • 齐涛
      齐涛
      2018-10-29

      三星on7,微信6.7.3,

      代码段wechatide://minicode/VkOrZwmz7W3L

      2018-10-29
      回复
    • 齐涛
      齐涛
      2018-10-29回复齐涛

      屏幕样式改为iphone5之后,即出现问题

      2018-10-29
      回复
    • 是小白啊
      是小白啊
      2018-10-29回复齐涛

      试试?

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