解决方法：添加上 vertical-align:top 后就会对其。应该是由于默认的 display:inline-block 是基于 vertical-align:baseline 对齐的，改变一下 vertical-align 的类型就好了。

<view>
    <view style="width:20%; display:inline-block; vertical-align:top;">
        <image src="{{item.img}}"></image>
    </view>
    <view style="width:80%; display:inline-block; vertical-align:top;">
        <text>...</text>
    </view>
</view>

 

含 0条评论

当我们在微信小程序 json 中设置 backgroundColor 时，实际在电脑的模拟器中根本看不到效果。
这是因为 backgroundColor  指的窗体背景颜色，而不是页面的背景颜色，即窗体下拉刷新或上拉加载时露出的背景。在电脑的模拟器中是看不到这个动作的，所以会让人误以为这个配置是无效的。
如果要设置页面背景颜色，得在 wxss 中自定义样式，如下：

page {
    background-color: #eee;
}

 

含 0条评论