Framework7 自定义样式

div app 这个body 里 第一层，就是你的应用的意思。对于这个id="app" ,需要在你自定义app.js 中初始化

var app = new Framework7({root: "#app"});

所以在css中可以写#app class名，来自定义样式，这样官方固定的样式就会失效，如果不加#app 你写不起作用的，如果你自己写的样式就不用加#app。

 

使用背景图片

<div class="pages">
    <div class="page navbar-fixed toolbar-fixed">
        <div class="navbar"></div>
        <div class="page-content"></div>
        <div class="toolbar"></div>

 css

#app .page{background: url(/statics/front2/images/game/step_bg.png) no-repeat; background-size: 100% 100%;}
#app .navbar{background: none;}
#app .navbar:after{background: none;background-color: transparent;}
#app .toolbar{background: none;}
#app .toolbar:before{background: none;background-color: transparent;}
#app .list ul{background: none;}