基于主题的渲染

当我们为多个平台开发具有多个主题的 Framework7 应用时（ios, md）我们需要控制哪些元素将显示在其中一个主题中，例如为 iOS 和 MD 主题显示不同的图标。

有特殊的类允许控制这一点：

• if-ios- 元素将仅渲染在 iOS 主题中
• if-not-ios- 元素将移除/隐藏在非 iOS 主题中
• if-md- 元素将仅渲染在 MD 主题中
• if-not-md- 元素将移除/隐藏在非 MD 主题中

例如，这是我们如何为 MD 主题隐藏 Navbar 的返回按钮文本：

<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>