comment faire des icônes et des boutons plus gros dans ionique 2

Comment faire button et icon taille plus grande dans la jachère code:

<ion-card>
  <ion-card-header>
    Explore Nearby
  </ion-card-header>

  <ion-list>
    <button ion-item>
      <ion-icon name="cart" item-left></ion-icon>
      Shopping
    </button>

    <button ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Hospital
    </button>

    <button ion-item>
      <ion-icon name="cafe" item-left></ion-icon>
      Cafe
    </button>
  </ion-list>
</ion-card>

source d'informationauteur RSA

  1. 34

    Icônes

    ion-icons sont des polices d'icônes de sorte qu'ils peuvent être modifiés à la suite de Sass/CSS car ils sont essentiellement de texte:

        ion-icon {
        font-size: 20px; //Preferred size here
    }

    Boutons

    Comme pour le button ionique a quelques intégré les classes à effet taille. Par exemple:

       <button ion-button large>Large</button>

   <button ion-button>Default</button>

   <button ion-button small>Small</button>

    Vous pouvez également mettre à jour la valeur par défaut Sass variable de $button-round-padding dans votre src/theme/variables.scss fichier, à la taille que vous désirez. Plus sur les boutons peuvent être trouvés ici

  2. 5

    Même pour une Icône, on peut utiliser les grands et les petits à l'ion-icône de la balise. C'est de cette façon que j'avais utilisé

    <ion-icon name="arrow-forward" item-end small></ion-icon>