Ich bin ein Ionic 2 App mit Navigation-Tab Entwicklung wie bei http://ionicframework.com/docs/components/#tabs-icon-textIonic 2 Zentral Abgerundete Tab
in Ionic Dokumentation beschrieben
Die Tab-Leiste verfügt über 5 Registerkarten, und ich möchte darauf stehen Die zentrale Registerkarte macht es wie in der Abbildung unten abgerundet.
Ich sehe keinen Standard Weg durch das Framework, das zu tun, was wäre der einfachste Weg, um das mit CSS zu erreichen?
Wenn Sie mit 5 Registerkarten in Ihrer Ion-tabs-Komponente können Sie das dritte Registerkarte Element mit der Klasse .tab-Taste innerhalb von Ionen Tabs und Stil es, wie Sie wollen Ziel.
Beachten Sie, dass Ionic standardmäßig unterschiedliche Stile für seine Komponenten anwendet, abhängig vom Betriebssystem des Geräts. Stellen Sie beim Schreiben Ihrer benutzerdefinierten SCSS-Regeln sicher, dass Sie auch auf alle Stilmodi ausgerichtet sind. Ich weiß nicht, was Ihr spezielles Szenario ist, aber Sie können die App immer zwingen, in einem bestimmten Modus (md, ios, windows) zu laufen, und alle Komponenten werden auf allen Betriebssystemen gleich aussehen. Auf diese Weise können Sie das Erscheinungsbild Ihrer App einheitlich gestalten und nur einen Stilmodus festlegen.