VUX grid組件顯示圖片留空

我用vux的grid組件來做宮格顯示

<grid :cols="4">
    <grid-item v-for="(product,i) in hots" :key="i">
        <img width="100%" height="auto" :src="product.img">
        <div class="detail-wrapper">
            <span class="title">{{product.name}}</span>
        </div>
    </grid-item>
</grid>

使用測試數(shù)據(jù)顯示也是正確的，但是在實際項目中的時候，顯示了如下圖片

不管cols設置2還是設置4，都會有宮格留白的現(xiàn)象。

求助