從卡中放置的離子項目上去除邊框

Question

嗨，我正在嘗試創建一張卡片，其中包含一個物品。 問題是我無法刪除的項目下有一個灰色邊框。 我曾嘗試使用無線條和CSS樣式，但到目前為止沒有任何效果。

<ion-card>
    <ion-list>
        <ion-item no-lines>
            <p>Hello World!!</p>
        </ion-item>
    </ion-list>
</ion-card>

當我運行代碼時，這就是我得到的 。

我也嘗試過將禁忌線放入離子列表中

離子版本：3.20.0

Answer 1

您應該在<ion-list>而不是<ion-item>添加空行。 看下面的例子。

 <ion-list no-lines *ngFor="let item of allItems">
      <ion-item >
        <span class="text-label">{{item.name}}</span>
        <span class="text-label" text-center>{{item.description}}</span>
      </ion-item>
  </ion-list>

Answer 2

Inic 4位用戶；

<ion-item lines="none">
  <h1>Header</h1>
</ion-item>

請參見ionic 4中其他線路選項的文檔

Answer 3

使用Ionic 4，這條線為我完成了竅門：

<ion-item lines="none">

如果要從列表中刪除所有行，可以在ion-list標簽中使用相同的標簽。
希望這對某人有所幫助。 O /