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,找不到解决方案,能来解释一下原因吗?


展开全部
收起
0回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部