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

}]


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

4 个回答

  • 秀表单秀表单

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

    赞同 0没有帮助
    评论 1
    复制
    12-06
    • 灿灿灿灿

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

      赞同 0没有帮助
      回复
      复制
      12-07
    评论
  • 那个乱世之外的小白那个乱世之外的小白

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

    赞同 0没有帮助
    评论 10
    复制
    12-05
    评论
  • 灿灿灿灿

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

    赞同 0没有帮助
    评论 0
    复制
    12-05
  • 半瞎👀半瞎👀

    哪里呗覆盖了

    赞同 0没有帮助
    评论 16
    复制
    12-05
    • 灿灿灿灿

      第六条和第八条数据没看到有啥不对么?

      赞同 0没有帮助
      回复
      复制
      12-05
    • 半瞎👀半瞎👀
      回复灿灿

      确定不是css的问题吗,你可以先把里面的flex适当的注释掉看看

      赞同 0没有帮助
      回复
      复制
      12-05
    • 灿灿灿灿
      回复半瞎👀

      呃,比如哪个要去掉呢?初学者,不是很明白,不过在模拟器和其他手机上是没事的呃。

      赞同 0没有帮助
      回复
      复制
      12-06
    • 展示更多
    评论