在iOS主题Framework7 v2.0.10中将CSS用于特定页面的目标导航栏

Question

I am using latest version for Framewrok7 ie v2.0.10 I have design that is tranparent navbar for inner pages in my app.

I have used “data-name” or added custom in page class for MD themes for adding custom css on Navbar. but for iOS theme there is common navbar and there is no any page specific class on above it.

I wants to remove the background, remove the harilines for few pages in iOS theme. also, no-hairline not working for iOS theme.

How can i target iOS theme navbar for specific inner pages? How can i add data-name attribute in “view” like previous version of Framework7 did.

Answer 1

You can use page events to assign required class or page name to the view/navbar, eg:

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