[英]How to set block style for content of ion-item in ionic 4?
我正在看一个 Ionic2 教程,但我正在研究 Ionic4,它有点不同,我想制作一个这样的页面:
<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>
只需用ion-label
包裹 ion-item 的内部内容。 这应该这样做。
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.