基于主题的渲染
当我们为多平台(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>