使用css为iOS主题Framework7 v2.0.10中的特定页面定位导航栏

Question

我正在使用Framewrok7的最新版本，即v2.0.10我的设计是我的应用中内页的透明导航栏。

我使用了“数据名称”或在页面类中为MD主题添加了自定义，以便在Navbar上添加自定义css。但对于iOS主题，有一个常见的导航栏，上面没有任何页面特定的类。

我想删除背景，删除iOS主题中几页的harilines。 也， no-hairline不适用于iOS主题。

如何针对特定内页定位iOS主题导航栏？ 如何在“视图”中添加数据名称属性，就像之前版本的Framework7一样。

Answer 1

您可以使用页面事件将所需的类或页面名称分配给视图/导航栏，例如：

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