header - jQuery Mobile 中的自定义主题标题栏

Question

我有一个简单的问题。我想在 jQuery mobile 中设置标题栏的样式。具体来说，我想设置栏的高度并向其添加背景图像。我怎样才能做到这一点？

先感谢您

Answer 1

我就是这样处理的。而不是在 data-role="header"中实际放置一个 H1，只需直接插入一个

<div class="ui-title"></div>

然后将类似的内容添加到您的自定义 CSS 中。

.ui-header .ui-title{
    margin: 0.3em 70px 0.7em 10px;
    background-image:url(../images/logo-page.png);
    background-repeat:no-repeat;
    background-position:0 0px;
    width:178px;
    height:40px;
 }