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

Posted 2023-02-26

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

【英文标题】：Target navbar using css for specific page in iOS theme Framework7 v2.0.10

【发布时间】：2018-03-14 07:26:33

【问题描述】：

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

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

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

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

【参考方案1】：

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

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