如何刪除離子列表中最后一個離子項的邊框

Question

我有一個動態填充的離子項目的標准離子列表。

<ion-list>
   <ion-item></ion-item>
   <ion-item></ion-item>
   <ion-item></ion-item>
</ion-list>

我想這樣做，以便標准邊框不會出現在列表中的最后一個離子項目上。

我已經嘗試了以下但它只是從每個項目中刪除了邊框。

 ion-list ion-item:last-child{
    --inner-border-width:0;
  }

Answer 1

你好，我誤解了你的問題，我以為你想刪除底線。

<ng-container *ngFor="let item of itemList; let last = last;">
    <ion-item [lines]="last ? 'none' : 'full'">{{item.value}}</ion-item>
  </ng-container>

最好的問候，我希望這可以幫助你

Answer 2

你能試試這個嗎

ion-list ion-item:last-child{
  --border: none;
  --inner-border: none;
}

讓我知道這是否適合你

如果它不起作用，請向我發送潤濕您的邊框的屏幕截圖