cover-view在开发工具上、ios上和安卓里文本样式表现各自都不一样
- 当前 Bug 的表现(可附上截图) 目前的业务需求是在live-pusher上添加一个可滚动区域文本区域,所以需要用到cover-view组件,文本的样式在开发者工具(最新版)上表现正常,但是在ios上和android上表现各有差异,都是有问题,具体见下图 开发者工具上的表现: [图片] ios上: [图片] android上: [图片] - 预期表现 [图片] - 复现路径 - 提供一个最简复现 Demo WXML: <cover-view scroll-y="true" class="comment-wrap"> <cover-view class="comment" wx:for="{{commentArray}}"> <cover-view class="comment-name">{{item.userName}}:</cover-view> {{item.comment}} </cover-view> </cover-view>js: commentArray: [ { userName: 'inline-block', comment: '我' }, { userName: '我是inline-block', comment: '我超长我需要被换行,我不想被重叠,我需要被换行,我不想被重叠' }, { userName: '我是inline-block', comment: '为什么我会被重叠呢' }, ], WXSS: .comment-wrap { position: absolute; bottom: 130rpx; left: 30rpx; max-width: 70%; height: 40%; overflow-y: scroll; } .comment { float: left; display: inline-block; min-width: 51%; max-width: 100%; line-height: 40rpx; padding: 12rpx 15rpx; margin-bottom: 10rpx; font-size: 32rpx; color: #fff; background-color: rgba(0,0,0,.3); border-radius:10rpx; white-space: normal; } .comment-name { vertical-align: text-top; display: inline-block; color: #d9d9d9; } .comment:last-child { margin-bottom: 0; }