收藏
回答

微信小程序在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'

}]


回答关注问题邀请回答
收藏

3 个回答

  • 秀表单
    秀表单
    2018-12-06

    地址考虑用view代替text试试,  text元素中有些样式是不支持的

    2018-12-06
    有用
    回复 1
    • 灿灿
      灿灿
      2018-12-07

      我把text标签换成了view也不管用。。。在oppor15上还是会发生覆盖的情况。

      2018-12-07
      回复
  • 是小白啊
    是小白啊
    2018-12-05

    提供下代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-12-05
    有用
    回复 10
    查看更多(5)
  • 灿灿
    灿灿
    2018-12-05

    第3、6、8条数据,都有问题的。这个是代码规范问题还是手机适配问题,具体怎么解决呢?官方人员给个回复吧~拜托拜托~

    2018-12-05
    有用
    回复
登录 后发表内容