移除离子项目分隔线

Question

我怎样才能删除<ion-item>分频器？我有以下代码连续显示4个项目：

<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个图像，例如，但每个图像下面都有一个白色分隔符。我不想要任何分隔符。

我试图设置style="border:none"，但它没有这样做。

Answer 1

使用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>

Answer 2

无论出于何种原因，这对我都不起作用。但有线=“无”效果很好。

对于离子v4

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

从离子文献中拉出来... https://ionicframework.com/docs/api/list

Answer 3

对于离子v4，您应该使用lines属性：

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