顶部Bar

排版效果


新闻频道

新闻频道

新闻频道
<div class="ui-topbar ui-topbar-blue">
<div class="ui-topbar-logo"><img src="/upfile/logo.png"></div>
<div class="ui-topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>

<div class="ui-topbar ui-topbar-three">
<div class="ui-topbar-left"><a class="ui-icon-left"></a></div>
<div class="ui-topbar-title ui-text-hide">新闻频道</div>
<div class="ui-topbar-right"></div>
</div>

<div class="ui-topbar ui-topbar-three">
<div class="ui-topbar-left"><a class="ui-icon-left"></a></div>
<div class="ui-topbar-title ui-text-hide">新闻频道</div>
<div class="ui-topbar-right"><i class="ui-icon-search"></i></div>
</div>

<div class="ui-topbar ui-topbar-three">
<div class="ui-topbar-left"></div>
<div class="ui-topbar-title ui-text-hide">新闻频道</div>
<div class="ui-topbar-right"><i class="ui-icon-scan"></i></div>
</div>

颜色






<div class="ui-topbar ui-topbar-red">
<div class="ui-topbar-logo"><img src="/upfile/logo.png"></div>
<div class="ui-topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>

<div class="ui-topbar ui-topbar-yellow">
<div class="ui-topbar-logo"><img src="/upfile/logo.png"></div>
<div class="ui-topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>

<div class="ui-topbar ui-topbar-blue">
<div class="ui-topbar-logo"><img src="/upfile/logo.png"></div>
<div class="ui-topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>

<div class="ui-topbar ui-topbar-green">
<div class="ui-topbar-logo"><img src="/upfile/logo.png"></div>
<div class="ui-topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>

<div class="ui-topbar ui-topbar-info">
<div class="ui-topbar-logo"><img src="/upfile/logo.png"></div>
<div class="ui-topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>

<div class="ui-topbar ui-topbar-black">
<div class="ui-topbar-logo"><img src="/upfile/logo.png"></div>
<div class="ui-topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>