基於主題的渲染
當我們為多個平台開發具有多個主題(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>