Question

我正在使用角度材料来创建我的网站。我想在网格列表中显示我的产品，每个瓷砖都有一个动态高度，因此结果应该像这个页面https://www.tumblr.com/search/printify一样。

我尝试做类似

的事情

<div class="md-padding" layout="row" layout-xs="column" layout-wrap>
 <div flex-xs="50" flex-sm="50" flex-md="33" flex-gt-md="25" ng-repeat="n in [0,1,2,3]">
   <md-card md-whiteframe="4" ng-repeat="result in result[n] | limitTo:limit" >
     ......
   </md-card>
  </div>
</div>

它在4-col显示中工作正常。然而，当将屏幕调整为md并以3-col显示时，第4列显示在第1列下并且非常难看。

我也试过Grid-list但是没有任何线索，请问有人可以提供帮助吗？

Answer 1

我建议使用md-grid列表。我在Angular Material网站上编辑了Codepen：http://codepen.io/anon/pen/qZzmpa并在磁贴上添加了一张卡片。只需：

<md-card>
    <md-card-content>
        Hi I'm a card
    <md-card-content>
<md-card>

在瓷砖里面，它非常接近。

https://material.angularjs.org/latest/demo/gridList

动态高度卡显示在网格列表中

1 个答案: