在iOS主題Framework7 v2.0.10中將CSS用於特定頁面的目標導航欄

Question

我正在為Framewrok7使用最新版本，即v2.0.10，我的應用程序設計為內部頁面的透明導航欄。

我使用“數據名稱”或在MD主題的頁面類中添加了自定義，以便在Navbar上添加自定義CSS。 但是對於iOS主題，有一個通用的導航欄，上面沒有任何頁面特定的類。

我想刪除背景，刪除iOS主題中幾頁的邊框。 此外，沒有限制線不適用於iOS主題。

如何針對特定內頁定位iOS主題導航欄？ 我如何像以前版本的Framework7在“視圖”中添加data-name屬性。

Answer 1

您可以使用頁面事件將所需的類或頁面名稱分配給視圖/導航欄，例如：

$(document).on('page:beforein', function (e) {
    var page = e.detail;
    $('.view-main').attr('data-name', page.name);
});