<![CDATA[
<div class="topbar topbar-blue fixed-top mwidth">
<div class="topbar-logo"><img src="static/picture/mobile.png"></div>
<div class="topbar-search-layout">
<a href="">请输入关键字</a><i class="ui-icon-search"></i>
</div>
</div>
]]>
排版效果
<![CDATA[
<div class="topbar topbar-blue">
<div class="topbar-logo"><img src="static/picture/mobile.png"></div>
<div class="topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>
<br>
<div class="topbar topbar-three">
<div class="topbar-left"><a class="ui-icon-left"></a></div>
<div class="topbar-title text-hide">新闻频道</div>
<div class="topbar-right"></div>
</div>
<br>
<div class="topbar topbar-three">
<div class="topbar-left"><a class="ui-icon-left"></a></div>
<div class="topbar-title text-hide">新闻频道</div>
<div class="topbar-right"><i class="ui-icon-search"></i></div>
</div>
<br>
<div class="topbar topbar-three">
<div class="topbar-left"></div>
<div class="topbar-title text-hide">新闻频道</div>
<div class="topbar-right"><i class="ui-icon-scan"></i></div>
</div>
]]>
颜色
<![CDATA[
<div class="topbar topbar-red">
<div class="topbar-logo"><img src="static/picture/mobile.png"></div>
<div class="topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>
<br>
<div class="topbar topbar-yellow">
<div class="topbar-logo"><img src="static/picture/mobile.png"></div>
<div class="topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>
<br>
<div class="topbar topbar-blue">
<div class="topbar-logo"><img src="static/picture/mobile.png"></div>
<div class="topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>
<br>
<div class="topbar topbar-green">
<div class="topbar-logo"><img src="static/picture/mobile.png"></div>
<div class="topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>
<br>
<div class="topbar topbar-info">
<div class="topbar-logo"><img src="static/picture/mobile.png"></div>
<div class="topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>
<br>
<div class="topbar topbar-black">
<div class="topbar-logo"><img src="static/picture/mobile.png"></div>
<div class="topbar-search">
<form>
<input type="text" name="keyword" placeholder="长安十二时辰">
<button type="submit"><i class="ui-icon-search"></i></button>
</form>
</div>
</div>
]]>
