如下图所示：

布局：

横向flex布局，根据页面宽度计算出每行2个商品，自动折行，为了避免奇数商品也居中，未使用flex 的 center属性。

加入padding后，第一个swiper -item 看起来没问题，切换选项卡后，UI padding越来越大。