删除离子项目分隔符 [英] Remove ion item divider

问题描述

我如何删除< ion-item> divider？我有以下代码连续显示4个项目：

How I can remove <ion-item> divider? I have the following code to show 4 items in a row:

<ion-row ion-list>
    <ion-col width-25 *ngFor="let player of players">
              <ion-item color="dark">
                  <ion-avatar item-left>
                      <img [src]="photo" class="img img-circle"/>
                  </ion-avatar>
                  {{user.name}}
              </ion-item>
              </ion-col>
            </ion-row>

并且输出连续显示4张图片，例外情况，但每张图片下面都有一个白色分隔符它。我不想要任何分隔符。

and the output shows 4 images in a row, as excepted, but each image has a white divider below it. I don't want any divider.

我试图设置 style =border：none但它没有不要这样做。

I tried to set style="border:none" but it didn't do it.

推荐答案

使用 no-lines

<ion-row ion-list>
    <ion-col width-25 *ngFor="let player of players">
         <ion-item no-lines color="dark"><!-- here -->
              <ion-avatar item-left>
                  <img [src]="photo" class="img img-circle"/>
              </ion-avatar>
              {{user.name}}
         </ion-item>
     </ion-col>
</ion-row>

这篇关于删除离子项目分隔符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！