收藏
回答

cover-view单独设置某一方向的border样式无效

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

cover-view组件的border在真机上(华为 荣耀8)无法为某一方向单独设置样式,开发者工具上正常。


如下示例代码:

view和cover-view设置同样的class,样式中border-top设置为2rpx solid red,border-bottom设为none,但在真机上cover-view组件的所有border都应用了2rpx solid red。


wxml:

<view class="intro">欢迎使用代码片段,可在控制台查看代码片段的说明和文档</view>
<cover-view class="intro">cover-view中的内容</cover-view>


wxss:

.intro {
  margin: 30px;
  text-align: center;
 
  border-top: 2rpx solid red;
  border-bottom: none;
}


真机效果:


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

3 个回答

  • 芒goooo
    芒goooo
    2023-08-18

    用额外的cover-view做边框也行,

    .top-line {

    height: 2px;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    background-color: #eee;

    }


    2023-08-18
    有用
    回复
  • 是小白啊
    是小白啊
    2018-10-11

    ,文档:https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html

    2018-10-11
    有用
    回复 2
    • h.jamie
      h.jamie
      2018-10-11

      什么时候能支持呢? 否则cover-view的作用也太局限了吧??

      2018-10-11
      回复
    • h.jamie
      h.jamie
      2018-10-11
      text-decoration: underline;

      cover-view这个样式也不支持,文档中没说啊!

      2018-10-11
      回复
  • h.jamie
    h.jamie
    2018-10-11

    cover-view中子元素button也无法设置单边border样式 @官方

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