收藏
回答

在相机上上添加cover-view,会出现黑色的线,是怎么回事?

我在相机上添加两个cover-view时,将上下两个cover-view分别设置高度的50%,为什么中间会有一条黑色的线呢?

wxss是这样写的的:

.header{

display: flex;

flex-direction: row;

justify-content: space-between;

align-items: center;

width: 100%;

height:50%;

background:transparent;

background-color: rgba(0, 0, 0,0.5);

}

.bottom{

width: 100%;

height:50%;

background-color: rgba(0, 0, 0, 0.5);

}


最后一次编辑于  11-06
回答关注问题邀请回答
收藏

4 个回答

  • 小程序技术专员-binnie
    小程序技术专员-binnie
    11-10

    这种是计算的时候差一个px,比较难避免,可以使用px就不会有这个问题

    11-10
    赞同
    回复 1
    • 莫轩语
      莫轩语
      11-11
      好的;同时也希望你们可以解决下这个问题,按屏幕百分比适配的话,这个问题可能就比较多了,我这试着如果是三个cover-view的话,这条线也只出现在一二之间,二三之间是没有的。
      11-11
      回复
  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    11-06

    请提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。复现问题的手机扫码提供下截图


    11-06
    赞同
    回复 2
  • 安乃近🐟
    安乃近🐟
    11-14

    这个问题我也遇到过,我最后直接用canvas画的一整块蒙版,用cover-view拼蒙版的方法我已经放弃了

    11-14
    赞同
    回复
  • 莫轩语
    莫轩语
    11-07

    如果两个cover-view高度都设置成px这种,就没有黑线

    11-07
    赞同
    回复
问题标签