【weex填坑之路-01】关于初始化时内容已渲染却显示空白的处理

WEB前端 83 2017-11-09 11:50

最近在用weex来开发一个微信公众号的H5应用,开发过程中发现,在进入页面的时候有网络数据返回,却无法正确渲染出页面,而且只有部分页面的<list/>不能正常渲染,效果图如下:

【weex填坑之路-01】关于<list/>初始化时内容已渲染却显示空白的处理-JEESNS
必须滑动才显示图像

gif图中的内容用到一个<image/>来渲染,其样式如下:

.image{

    width:750px;

    height:310px;

}

出现问题后,我们就要思考是那里出现问题,经对比,发现只有这个页面才会出现这样的问题。最后定位出是渲染图片的<image/>的style中没有设置background-color。

.image{

    width:750px;

    height:310px;

    background-color:white;

}

当添加背景色后,<list/>就能正确的渲染出内容,效果图如下:


【weex填坑之路-01】关于<list/>初始化时内容已渲染却显示空白的处理-JEESNS
现在可以正确渲染了

个人公众号:不止于HelloWorld

文章评论