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 : 2 rpx solid red ; border-bottom : none ; } |
真机效果:
用额外的cover-view做边框也行,
.top-line {
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #eee;
}
,文档:https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html
什么时候能支持呢? 否则cover-view的作用也太局限了吧??
text-decoration
:
underline
;
cover-view这个样式也不支持,文档中没说啊!
cover-view中子元素button也无法设置单边border样式 @官方