移动端列表页带下属栏目

2017-12-21 16:55| 发布者: UE网页设计| 查看: |

html:

 

<div class="mlist_nav">

                <ul>

                    <li><a href="{dede:type typeid='1'}[field:typelink /]{/dede:type}" {dede:field name="typeid" runphp="yes"}(@me==1)? @me=" class='cur'":@me="";{/dede:field}>全部</a></li>

                {dede:channel typeid='1' currentstyle="<li><a href='~typelink~' class='cur'>~typename~</a></li>"}

                <li><a href='[field:typelink/]'>[field:typename/]</a></li>

                {/dede:channel}

                </ul>

             </div>

 

css:

 

.mlist_nav{}
.mlist_nav ul li{ width: 43%; margin-left: 3%;margin-top: 20px; font-size: 0.2rem; height: 38px; background: #f3f3f3; display: inline-block; text-align: center; line-height: 38px; }
.mlist_nav ul li a{ color: #474747}
.cur{ background: #f07a08; width: 100%; height: 38px;  display: block;}
.cur{ color: #fff!important }

分享一段有关移动端常用的前端代码   关于QQ在线客服链接的调用代码
    相关推荐
 
QQ在线咨询
服务咨询QQ
1930533604
服务咨询热线
18315917852
返回顶部