web-dev-qa-db-fra.com

Retirer le séparateur d'ions

Comment je peux enlever <ion-item> diviseur? J'ai le code suivant pour afficher 4 éléments à la suite:

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

et la sortie montre 4 images dans une rangée, sauf exception, mais chaque image a un séparateur blanc en dessous. Je ne veux pas de diviseur.

J'ai essayé de mettre style="border:none" mais il ne l'a pas fait.

25
TheUnreal

utilisation 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>
65
Suraj Rao

Pour une raison quelconque, cela n'a pas fonctionné pour moi. Mais avoir des lignes = "aucune" a bien fonctionné.

Pour ionic v4

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

Extrait de ionic docs ... https://ionicframework.com/docs/api/list)

27
Rmalmoe

Pour ionic v4, vous devez utiliser la propriété 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>
7
Team Elite