cover-view单独设置某一方向的border样式无效
发布于 6 年前 作者 aguo 4846 次浏览 来自 问答

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;
}

真机效果:

2 回复

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

回到顶部