如何在 Ionic List 上放置一个正确的 subtile

Question

我正在使用 Ionic 4，我想在我的列表右侧添加一个副标题。

我希望右侧与左侧看起来一样。我有 1 Slice 这个词。

这是我的代码。

<ion-header>
<ion-toolbar>
  <ion-title>Foods</ion-title>
  <ion-buttons slot="primary">
    <ion-button color="primary" (click)="showModal()">
      <ion-icon slot="icon-only" name="add"></ion-icon>
    </ion-button>
  </ion-buttons>
</ion-toolbar>

<ion-list>
  <ion-item>
    <ion-label>
      <h2>Pizza</h2>
      <p>1 Slice</p>
    </ion-label>
    <ion-text>366</ion-text>
  </ion-item>
</ion-list>

Answer 1

试试 slot="start" 和 slot="end"

 <ion-list>
      <ion-item>
        <ion-label slot="start">
          <h2>Pizza</h2>
          <p>1 Slice</p>
        </ion-label>
        <ion-label slot="end>
          <h2>Pizza</h2>
          <p>1 Slice</p>
        </ion-label>
      </ion-item>
    </ion-list>

如何在 Ionic List 上放置一个正确的 subtile

How to put a right subtile on Ionic List

ionic-framework

ionic4