イオン2中央の丸いタブ

Question

イオンのマニュアルで説明したように、私はタブバーが5つのタブがあり、私は目立つしたいhttp://ionicframework.com/docs/components/#tabs-icon-text

でタブナビゲーションとイオン2アプリを開発しています中央のタブは下の画像のように丸くなります。

フレームワークが提供する標準的な方法はありませんが、CSSでそれを達成する最も簡単な方法は何ですか？

Answer 1

あなたイオンタブコンポーネントで5つのタブを持っている場合は、イオンタブとスタイル、それを内部にあなたが好きなようにクラス.TAB-ボタンで3番目のタブ要素をターゲットにすることができます。

デフォルトでは、Ionicはデバイスのオペレーティングシステムに応じてさまざまなスタイルをコンポーネントに適用します。カスタムSCSSルールを作成するときは、すべてのスタイル・モードを対象にしてください。私はあなたの特定のシナリオが何であるか分かりませんが、アプリケーションを特定のモード（md、ios、windows）で実行するように強制することができ、すべてのコンポーネントはオペレーティングシステム間で同じように見えます。これにより、アプリのルック・アンド・フィールの一貫性を保つことができ、1つのスタイル・モードをターゲットにするだけで済みます。