Wie ändere ich die Größe des Item-Avatars in ionic?

9

Ich entwickle eine App mit ionischen Rahmen. Ich muss ein Bild in der Kopfzeile des Seitenmenüs anzeigen. Ich habe item-avatar verwendet, um das Bild anzuzeigen. Hier ist der Code.

%Vor%

Wie kann ich die Größe des im Item-Avatar angezeigten Bildes ändern (erhöhen)? Ich wurde das folgende CSS vorgeschlagen:

%Vor%

Dies erhöht die Inhaltsgröße (Größe, die dem div-Tag zugewiesen ist) des Item-Avatars als Ganzes, aber die Bildgröße bleibt gleich. Gibt es eine Möglichkeit, die Größe des im Item-Avatar angezeigten Bildes zu erhöhen?

    
Niranjan 25.02.2016, 09:44
quelle

4 Antworten

14

Der Objektavatar hat eine Standardeigenschaft für maximale Breite und maximale Höhe. Sie finden es in der ionic.css-Datei. Sie können es entweder dort ändern oder in Ihrem CSS einfach hinzufügen:

%Vor%     
vairav 09.03.2016, 09:09
quelle
8

Mit ionic 3 habe ich festgestellt, dass die anderen Antworten nicht funktionieren, wenn ich sie in die SCSS-Datei meiner Seite einfüge. Dies funktioniert für mich und ist eine leichte Abwandlung von Vairavs Antwort.

%Vor%     
Zack Pearson-Smith 23.06.2017 12:46
quelle
1

Verwenden Sie statt der Breite und Höhe die Schriftgröße

%Vor%     
Anubhav pun 25.02.2016 09:46
quelle
0

Das war genug in meinem Fall:

%Vor%     
MA-Maddin 27.07.2017 12:07
quelle

Tags und Links