如何设置ionic 4中的离子项目含量的块样式？

2024-05-17 • 问答

我正在看的是Ionic2教程，但是我正在研究Ionic4，这有点不同，我想制作一个这样的页面：

但是我的页面是这样创建的：

这是我在Ionic4中的HTML代码：

<ion-content padding>
 <h3 text-center>Select your favorite Qoute</h3>
  <ion-list *ngFor="let quoteGroup of qouteCollection">
    <ion-item detail>
      <ion-icon [name]="quoteGroup.icon"></ion-icon>
      <h3>{{ quoteGroup.category }}</h3>
      <p>{{ quoteGroup.quotes.length }} Qoutes</p>
    </ion-item>
  </ion-list>
</ion-content>

jyc2410 回答：如何设置ionic 4中的离子项目含量的块样式？

只需用ion-label包装离子项目的内部内容。这应该做到。

<ion-content padding>
 <h3 text-center>Select your favorite Qoute</h3>
  <ion-list *ngFor="let quoteGroup of qouteCollection">
    <ion-item detail>
      <ion-label>
        <ion-icon [name]="quoteGroup.icon"></ion-icon>
        <h3>{{ quoteGroup.category }}</h3>
        <p>{{ quoteGroup.quotes.length }} Qoutes</p>
      </ion-label>    
    </ion-item>
  </ion-list>
</ion-content>

css html ionic-framework ionic4 styles

本文链接：https://www.f2er.com/2991365.html

如何设置ionic 4中的离子项目含量的块样式？

jyc2410 回答：如何设置ionic 4中的离子项目含量的块样式？

大家都在问