テーマベースのレンダリング
複数のテーマ(`ios`、`md`)を持つ複数のプラットフォーム向けに Framework7 アプリを開発する場合、iOS と MD テーマで異なるアイコンを表示するなど、どの要素をどのテーマに表示するかを制御する必要があります。
これを制御するための特別なクラスがあります。
- `if-ios` - 要素は iOS テーマの場合のみレンダリングされます
- `if-not-ios` - iOS 以外のテーマの場合、要素は削除/非表示になります
- `if-md` - 要素は MD テーマの場合のみレンダリングされます
- `if-not-md` - MD 以外のテーマの場合、要素は削除/非表示になります
これは、例えば、MD テーマのナビゲーションバーの戻るボタンのテキストを非表示にする方法です
<div class="navbar">
<div class="navbar-bg"></div>
<div class="navbar-inner sliding">
<div class="left">
<a href="#" class="link back">
<i class="icon icon-back"></i>
<!-- back button text will be visible only in iOS theme -->
<span class="if-not-md">Back</span>
</a>
</div>
...
</div>
</div>