在 iOS 主题 Framework7 v2.0.10 中使用 css 定位导航栏

Question

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

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

我想移除背景，移除 iOS 主题中几页的哈里线。 还， no-hairline 不适用于 iOS 主题。

如何针对特定内页定位 iOS 主题导航栏？ 如何像以前版本的 Framework7 一样在“视图”中添加 data-name 属性。

Answer 1

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

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