微信小程序在oppor15上列表遮挡问题

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug Android android 8.1.0 oppor15 6.7.3

- 当前 Bug 的表现(可附上截图)

item布局错位覆盖了。而且用oppor15手机测试打开这个界面百分之八十的比例都是这样的错误情况,偶尔有一两次是正确的布局。模拟器和其他手机暂时没发现这个问题。





- 预期表现

预期就是不被覆盖。简单的列表。


- 复现路径


- 提供一个最简复现 Demo

以下是所有代码:

<!--pages/bug/bug.wxml-->

<view style='display:flex;align-items:center;background:white;' wx:for='{{array}}' wx:key="keyId">

<view style='display:flex;flex-direction:column;margin-left:40rpx;margin-top:36rpx;'>

<!-- 姓名 手机号  -->

<text style='color:#333333;font-size:28rpx;margin-right:36rpx;'>铃铃铃 12121212121</text>

<!-- 地址 -->

<text style='width:466rpx;color:#666666;font-size:28rpx;margin-top:14rpx;display: -webkit-box;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical; '>北京市海淀区朝阳区房山区等等等等等等等等等等等等等</text>

</view>

</view>

<view style='height:36rpx;width:100%;background:white;'></view>

以下是数据列表:

array: [{

message: 'foo',

}, {

message: 'bar'

}, {

message: 'foo',

}, {

message: 'bar'

}, {

message: 'foo',

}, {

message: 'bar'

}, {

message: 'foo',

}, {

message: 'bar'

}, {

message: 'foo',

}, {

message: 'bar'

}]


最后一次编辑于  2018-12-05  (未经腾讯允许,不得转载)
收藏 0评论 0
关注问题写回答

3 个回答