4d84a934
 曹明
初始代码提交
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
<style>
.quick.quick-quick4 {padding:0px; margin:0px; height:50px; position:fixed; z-index:200; bottom:0; left:0; width:100%; background:#ececec; list-style:none; display: -webkit-box; display: -moz-box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.quick.quick-quick4 li{width:25%; padding-top:3px;}
.quick.quick-quick4 li span{overflow:hidden;}
.quick.quick-quick4 li>a{color:#8c8f94; text-decoration:none; -webkit-box-sizing:border-box; box-sizing:border-box; border-bottom:0; display:block; height:100%; text-align:center; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.quick.quick-quick4 li>a>p{display: block; width:25px; height:25px; margin:auto; padding-top:5px; -webkit-background-size:100px auto;}
.quick.quick-quick4 li>a>p i{ display:block; width:20px; height:20px; font-size:20px;}
.quick.quick-quick4 li>a>*{pointer-events:none;}
@-moz-document url-prefix(){
.quick.quick-quick4{overflow:hidden;}
.quick.quick-quick4 li{width:25%; float:left;}
}
</style>
<div class="quick quick-quick4 clearfix">
{php $i = 1;}
{loop $_W['quickmenu']['menus'] $nav}
<li>
<a href="{$nav['url']}" title="{$nav['name']}">
<p>
{if !empty($nav['icon'])}
<i style="background:url({media $nav['icon']}) no-repeat;background-size:cover;{$nav['css']['icon']['style']}"></i>
{else}
<i class="fa {$nav['css']['icon']['icon']}" style="{$nav['css']['icon']['style']}"></i>
{/if}
</p>
<span style="{$nav['css']['name']}">{$nav['name']}</span>
</a>
</li>
{php if($i>=4) break;}
{php $i++;}
{/loop}
</div>
|