微信公开课
如何看待微信公开课小程序热门讨论「小程序后台data进行列表渲染发现的元素长度异常问题」
摘要:小程序后台data进行列表渲染发现的元素长度异常问题
展开:公司名称个人MP帐号(邮箱)769928778@qq.com开发者微信号rt94rq机型(如iPhone6splus)iPhoneSE、开发者工具操作系统(如iOS9.3)与手机系统无关、IOS10.2.1是否必现是出现时间view组件中的数据是由js中的data生成时元素长度出现异常操作路径(即如何操作可以复现该问题)1、建立一父元素M为使用flex布局的元素,样式为:{display:webkitflex;display:flex;webkitflexdirection:row;flexdirection:row;width:750rpx;height:48px;boxsizing:borderbox;}2、其中两个子元素,一个固定宽度、一个为元素A样式为:flex:auto(自适应宽度)3、为自适应宽度A元素内子元素B,样式为{width:100%;height:20px;wordbreak:keepall;whitespace:nowrap;overflow:hidden;textoverflow:ellipsis;}4、现有若干个M元素构成列表,部分B元素使用不同长度的文本内容进行UI测试。4、使用开发者工具中的“wxml”工具,为未超长的元素B改变文本内容,使之内容超长,发现能够触发预料的超出内容变成省略号样式效果。5、使用开发者工具中的“wxml”工具,为已超长的元素B改变文本内容,发现即使改为没有内容,元素的长度依然为之前的超长状态的长度,且超出内容变成省略号样式无法生效。问题描述(具体问题介绍)元素的长度更像是根据后台元素长度生成的,而非受css样式控制的。问题截图(客户端问题界面截图)目标元素样式:由数据遍历生成的内容超长元素长度:静态的数据超长元素长度及效果:代码片段截图了解更多
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序后台data进行列表渲染发现的元素长度异常问题」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序后台data进行列表渲染发现的元素长度异常问题」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序后台data进行列表渲染发现的元素长度异常问题」
微信公开课小程序热门讨论「小程序后台data进行列表渲染发现的元素长度异常问题」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序后台data进行列表渲染发现的元素长度异常问题」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。