WMXL:
<scroll-view scroll-x scroll-y style="height:100%;width:100%;">
<view wx:for="{{list}}" style="border:1px solid red; height:20px; line-height:20px;">
<text style="display:inline-block; height:20px;">
{{item}}
</text>
</view>
</scroll-view>
JS:
Page({
data: {
list:[
"测试文本行1",
"测试问本行2"
]
}
})
显示:
错误说明:
页面由两行<view>组成,每一个<view>又包含一个<text>负责显示文本。
每一行的<view>我特地用了红色border,按理说,第一行数据“测试文本1”应该显示在第一行的红框内,但却显示在了第二行。
调试查元素信息,第一个红框又确实是第一个<view>组件。经过测试,和<scroll-view>或其它组件无关,就是<text>的问题。
完全无厘头的bug,找不到解决方案,官方能来解释一下原因吗?