Tab-Schaltflächen existieren, sind aber nicht sichtbar

8

Ich habe eine Tab-Komponente mit zwei Tabs. Die Schaltflächen sind anklickbar, und wenn Sie auf die Stelle klicken, an der die Schaltflächen angezeigt werden sollen, wird der Inhalt der Registerkarte korrekt angezeigt, die Schaltflächen sind jedoch nicht sichtbar.

%Vor%

Ich glaube nicht, dass ein anderer Code notwendig ist, aber ich werde mehr zur Verfügung stellen, wenn nötig. Wie ich schon sagte, die Inhalte der mapTab und infoTab Komponenten sind in Ordnung, und klicken Sie auf, wo die Tab-Schaltflächen sollte zwischen ihnen wechseln, aber die Schaltflächen sind nur leer weiß.

Bearbeiten: Für den Fall, dass jemand fragen würde, macht es immer noch dasselbe, wenn ich alles andere in der Komponente außer der Tab-Komponente wie folgt entferne:

%Vor%

Es hat also definitiv nichts mit dem anderen Inhalt zu tun.

Bearbeiten: Ich machte ein gif mit dem Problem: Ссылка

Bearbeiten: Hier sind die Stile auf Ion-Tab

%Vor%     
chrispytoes 22.08.2017, 00:22
quelle

2 Antworten

0

mache das stattdessen:

%Vor%

nachdem Sie dies getan haben, haben Sie vielleicht bemerkt, dass der Text nicht erscheint, obwohl der Text zwar auftauchte, aber weit unterhalb des Icons lag und von overflow verdeckt wurde. Möglicherweise müssen Sie den Text mit position: relative; top: -XXpx oder make parent overflow: visible etwas höher verschieben.

Wenn Sie das Projekt nicht mit typescript erstellen, denke ich, das Problem war tabTitle und tabIcon wurde nicht richtig in das obige Beispiel übersetzt. Oder Wenn Sie dieses Projekt mit typescript erstellen, dann ist es das Fehler beim Übersetzen der Attribute in die richtige Weise.

hoffe das hilft

Ich habe einige andere Probleme in Bezug auf Google gesehen

    
masterpreenz 03.09.2017 22:27
quelle
0

Suchen Sie nach der Klasse .tabbar und überprüfen Sie deren Deckkraft. Ändern Sie es bei Bedarf.

    
babycakes 25.02.2018 23:24
quelle

Tags und Links