微信小程序vant组件-Grid 宫格-Grid-item设置格子高度

问题描述：在使用Grid组件进行商品列表渲染时，因为调回的数据名字太长，出现格子无法对齐，想要设置格子统一高度使界面更整齐。

解决：在Grid-item标签上设置属性无法成功，给自定义元素外部包裹一个view标签，给view添加类，更改样式，实现一行文本隐藏溢出显示省略号

wxml:
<van-grid column-num="2" gutter="5">
  <van-grid-item use-slot wx:for="{{productList}}" wx:key="index" class="text-class" style="width:300px" >
  <view class="product_box" >
     <image src="{{item.picture}}" style="width: 150px; height: 100px;" />
            <view>{{item.shop}}</view>
            <view>价格：￥{{item.price}}</view>
            <view>{{item.product}}</view>
  </view>
  </van-grid-item>
   
</van-grid>

wxss:
.product_box{
  height: 150px;
  font-size: 12px;
}
.product_box view{
  width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
  
}

结果截图：