Ionic2離子列表，你如何去除底部邊界？

我在離子列表標記中使用了無線標記，該標記除去每個離子項之間的線條，但它將底部邊框留在了我想要移除的位置。Ionic2離子列表，你如何去除底部邊界？

removeBorder.html

<ion-content> 
    <ion-list no-lines> 
    <ion-item-sliding *ngFor="let message of Messages"> 
     <ion-item> 
     <ion-thumbnail item-left> 
      <img src="{{message.logo._url}}"> 
     </ion-thumbnail> 
     <ion-item class="blurb" text-wrap detail-push>{{message.message}}</ion-item> 
     </ion-item> 
     <ion-item-options side="left"> 
     <button ion-button color="custom" (click)="more()">More</button> 
     </ion-item-options> 
     <ion-item-options side="right"> 
     <button ion-button color="light" (click)="other()">Other</button> 
     </ion-item-options> 
    </ion-item-sliding> 
    </ion-list> 
</ion-content>

removeBorder.scss

.blurb { 
font-size: 11px; 
font-family: 'Arial', sans-serif; 
color: #585b60; 
text-transform: none; 
text-overflow: visible; 
}

在這裏你可以看到最上面一行是從消息底部的項目邊界，我想刪除，列表邊框，我也想要刪除，底部是標籤欄的頂部，這正是它需要的地方。除了這兩個底部邊框之外，列表中沒有其他行。

來源

2017-04-26 rashadb

我只是想這是一個新的網頁上我的應用程序：

<ion-list no-lines> 
    <ion-item-sliding> 
    <ion-item> 
     <ion-thumbnail item-left> 
     <img src=""> 
     </ion-thumbnail> 
     <ion-item text-wrap></ion-item> 
    </ion-item> 
    <ion-item-options side="left"> 
     <button ion-button color="custom">More</button> 
    </ion-item-options> 
    <ion-item-options side="right"> 
     <button ion-button color="light">Other</button> 
    </ion-item-options> 
    </ion-item-sliding> 
</ion-list>

而且沒有線。

我認爲你的模板是正確的，沒有線路正在工作，也許一些attr，我刪除或類？

希望這有助於你

來源

2017-04-26 06:53:15

感謝費爾南多但至今沒有運氣。。。 – rashadb

與您的信息我不能做更多，你嘗試了鉻開發工具，並檢查項目，看看哪一個有邊界，然後在scss使它隱藏？ –

之前我有同樣的問題，我找到了解決隱藏在底部的線條。這個問題可能被ion-item-sliding所捕獲。

你可以試試這個：

<ion-list no-lines style="border: none;"> 
    //... 
</ion-list>

來源

2017-10-12 07:59:05

Ionic2離子列表，你如何去除底部邊界？

回答

相關問題