代码中van-grid-item标签在运行后发现长宽为0导致grid中只出现了文字而没有图片在van-grid-item标签中加入style属性设置宽度和高度为100。同时将van-grid-item的父级元素即van-grid的宽度也设置为100。运行后van-grid-item依然长宽为0解释并给出解决办法!--pagessorts-listsorts-listwxml--view class

在代码中，van-grid-item标签的样式设置了宽度和高度为100%，但是由于van-grid-item的父级元素van-grid没有设置宽度和高度，导致van-grid-item的宽度和高度无法撑满整个父级元素，因此出现了长宽为0的问题。

解决办法是在van-grid的样式中设置宽度和高度为100%，这样可以让van-grid-item的宽度和高度撑满整个父级元素。修改后的代码如下：

/* pages/sorts-list/sorts-list.wxss */ .weui-tab__content { padding-top: 100rpx; text-align: center; font-size: 32rpx; } .nav { height: 86rpx; text-align: center; color: #A8A8A8; font-size: 4vw; background-color: #FFF; border-bottom: 1rpx solid #DFDFDF; width: 100%; box-sizing: border-box; overflow: hidden; line-height: 80rpx; white-space: nowrap; position: fixed; top: 0; left: 0; z-index: 99; } .nav-item { width: 22%; display: inline-block; text-align: center; } .nav-item.active { transition: all 0.3s; border-bottom: 10rpx solid #478ff3; color: #478ff3; } .van-grid{ width: 100%; height: 100%; } .van-grid-item{ width: 100%; height: 100%; display: flex; flex-wrap: wrap;