Html 如何使用ionic创建Pinterest样式的布局？

我是爱奥尼亚的新手，一直在研究如何使用爱奥尼亚创建Pinterest风格的布局。它就像两个广泛的可变高度项目列表。有人能帮我吗？谢谢。

什么样的

由于Ionic的使用，您可以创建一行，其中包含两个等距的列：

<div class="row">
    <div class="col">

    </div>
    <div class="col">

    </div>
</div>

之后，您可以在两个列内使用ng REPECT

另一个解决问题的好方法是深入研究。我希望这能让你开始…

类似的事情

由于Ionic的使用，您可以创建一行，其中包含两个等距的列：

<div class="row">
    <div class="col">

    </div>
    <div class="col">

    </div>
</div>

之后，您可以在两个列内使用ng REPECT

---

另一个解决问题的好方法是深入研究。我希望这能让您开始…

在html文件中创建此两级结构：

<div class="pins">
  <div class="pin" *ngFor="let item of items">
    <img [src]="item.mage"/>
  </div>
</div>

---

在html文件中创建此两级结构：

<div class="pins">
  <div class="pin" *ngFor="let item of items">
    <img [src]="item.mage"/>
  </div>
</div>

---

欢迎@moyuan。。。如果答案正确，请标记答案如果我有1个对象列表，如何将列表分配到2列？只需在ng repeat中使用$index即可。在第一列中使用{list[$index]}，在第二列中使用{{list[$index+1]}。或者你可以在js文件中将列表分成两个单独的列表。欢迎@moyuan。。。如果答案正确，请标记答案如果我有1个对象列表，如何将列表分配到2列？只需在ng repeat中使用$index即可。在第一列中使用{list[$index]}，在第二列中使用{{list[$index+1]}。或者您可以在js文件中将列表拆分为两个单独的列表。