- 当前 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'
}]
地址考虑用view代替text试试, text元素中有些样式是不支持的
我把text标签换成了view也不管用。。。在oppor15上还是会发生覆盖的情况。
提供下代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
你好,全部的代码已经在文中有写了
这是教程:https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html,不要在原项目中操作
https://developers.weixin.qq.com/s/ca6k4smD7h47 您看下这样行么。。。我复制进去的。。。
话说这个代码片段的工具不能用手机扫描测试呃,我那个是在oppor15的手机上发生的。其他手机模拟器暂时没有类似情况。
可以扫描的,填入appid即可
第3、6、8条数据,都有问题的。这个是代码规范问题还是手机适配问题,具体怎么解决呢?官方人员给个回复吧~拜托拜托~