收藏
回答

border-style设定开发端与真机预览显示效果不一致?

border-style设定底部颜色无论怎么设置,真机预览边界都没有颜色但是宽度会保留出来,开发端显示正常。

<view class='basicScancodeGet'>
  <view class='bk-scancode'>
    <cover-view class='scancodeText'>
      二维码
    </cover-view>
  </view>
</view>


page{
  background-color: #1E1E1E;
  width:100%;
  height:100%;
}
.basicScancodeGet{
  padding-top:50px;
}
.bk-scancode{
  background-color: #323232;
}
.scancodeText{
  border: 10px #FA8072;
  border-style: none none solid none;
  color:  #F5F5F5;
  line-height: 2;
  padding-left:30px;
  box-sizing: border-box;
}
回答关注问题邀请回答
收藏

2 个回答

  • Mr.Zhao
    Mr.Zhao
    2020-02-23

    2020-02-23
    有用 1
    回复 4
    • Alexander
      Alexander
      2020-02-24
      您好 您用红色框住的cover-view我没找到 - -
      2020-02-24
      回复
    • Mr.Zhao
      Mr.Zhao
      2020-02-24回复Alexander
      真机调试的
      2020-02-24
      回复
    • Alexander
      Alexander
      2020-02-24回复Mr.Zhao
      解决了谢谢!我还想知道为什么真机调试会出现多出来一个cover-view呢?是开发端与真机端版本的区别吗?
      2020-02-24
      回复
    • Mr.Zhao
      Mr.Zhao
      2020-02-24回复Alexander
      真机为准
      2020-02-24
      1
      回复
  • 子不语
    子不语
    2020-02-23

    你好,请提供能复现问题的简单代码片段

    https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    --↓↓👍如果觉得有帮助的话请点个【赞】吧(我的小尾巴又肥来啦!)

    2020-02-23
    有用
    回复
登录 后发表内容
问题标签