[英]How to set block style for content of ion-item in ionic 4?
I'm looking at a tutorial that is Ionic2 but I'm working on Ionic4 which is a little different, I want to make a page like this:我正在看一个 Ionic2 教程,但我正在研究 Ionic4,它有点不同,我想制作一个这样的页面:
but my page created like this:但我的页面是这样创建的:
This is my Html code in 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>
Just wrap the inner content of ion-item with ion-label
.只需用ion-label
包裹 ion-item 的内部内容。 This should do it.这应该这样做。
<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.