layout布局的gutter和offset可选属性

使用时出现的问题

vant官网上给出的展示效果是通过这两个可选属性能够给两个元素之间增加间隔，但我在使用时给元素添加了backgroundcolor这个样式，发现两个元素之间并没有间隔，而是紧紧挨在一起的。

查看原因

通过查看元素盒子的布局发现gutter的实现是通过给元素天剑padding-right来实现的，而ofsset的实现是通过paddling-left实现的，所以导致我使用了backgroundcolor后，两个元素之间没有了间隔。

解决方法

给van-col标签内部添加一个div子元素，给div盒子添加backgroundcolor这个样式，这样就解决了两个元素之间的间隔问题了。

总结

总之使用vant-ui组件库来开发项目确实可以是不少力气，但是有些东西用起来真的不是很好用，甚至很麻烦。希望以后可以发现更多优秀的ui组件库。