<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>
排版效果
<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>

颜色
<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>
排版效果

新闻频道

新闻频道

新闻频道


颜色