quick1.html 2.1 KB

12345678910111213141516171819202122232425262728293031
  1. <style>
  2. .quick.quick-quick1 {height:50px;position:fixed; bottom:0; left:0px; z-index:900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
  3. .quick.quick-quick1 .quick-phone>div{width:20%; height:100%; text-align:center; position:static!important; margin:0; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex: 1; box-flex:1; -moz-box-sizing:border-box; overflow:hidden; box-shadow: none!important; border-right:1px solid #0e111a; border-left:1px solid #666a73; }
  4. .quick.quick-quick1 .quick-phone>div a{display:block; color:#fff; font-size:20px; line-height:20px!important; margin-top:5px; text-decoration:none;}
  5. .quick.quick-quick1 .quick-phone>div a i{ display:inline-block; width:20px; height:20px; font-size:20px;}
  6. .quick.quick-quick1>div{border-top:2px solid #51515d; position:fixed; z-index:900; bottom:0; left:0; right:0; margin:auto; width:20%; display:block; width:100%; background:rgba(255,255,255,0.7); height:50px; overflow:hidden; display:-webkit-box; display:box; -webkit-box-orient: horizontal; background:-webkit-gradient(linear, 0 0, 0 100%, from(#333c45), to(#313540), color-stop(50%, #373a43));background:-moz-liner-gradient(top, 0 0, 0 100%, from(#333c45), to(#313540), color-stop(50%, #373a43));}
  7. .quick.quick-quick1 .quick-phone>div label{margin:2px 5px 5px 5px; cursor:pointer; font-size:12px; display:block!important; line-height:18px; text-align:center; overflow:hidden;}
  8. @-moz-document url-prefix(){
  9. .quick.quick-quick1{overflow:hidden;background:#000;}
  10. .quick.quick-quick1 .quick-phone>div{width:20%; float:left;background:#373B44;}
  11. }
  12. </style>
  13. <div class="quick quick-quick1">
  14. <div id="quick-phone" class="quick-phone">
  15. {php $i = 1;}
  16. {loop $_W['quickmenu']['menus'] $nav}
  17. <div>
  18. <a href="{$nav['url']}">
  19. {if !empty($nav['icon'])}
  20. <i style="background:url({media $nav['icon']}) no-repeat;background-size:cover;{$nav['css']['icon']['style']}"></i>
  21. {else}
  22. <i class="fa {$nav['css']['icon']['icon']}" style="{$nav['css']['icon']['style']}"></i>
  23. {/if}
  24. <label style="{$nav['css']['name']}">{$nav['name']}</label>
  25. </a>
  26. </div>
  27. {php if($i>=5) break;}
  28. {php $i++;}
  29. {/loop}
  30. </div>
  31. </div>