uni-list 在 微信小程序和 H5 的样式为什么不一样？

Question

uniapp示例组件代码：

<template>
    <view>
        <uni-list class="info-list" />
    </view>
</template>
<style lang="scss" scoped>
.info-list {
  margin: 20px 80px 0 80px;
  border:5px solid pink;
  width: 50px;
  height: 20px;
  background-color: red;
}
</style>

效果如图:

如果把 uni-list 组件替换成普通的 view 容器就可以正常显示了，可是我看 uni-list 里的代码也没发现问题，甚至把 uni-list 清空，代码如下:

依然会有这种现象，也就是说只要标签名字是 <uni-list> 就会有这种现象，这是为什么？是微信小程序不能用 uni-list 吗？