移动端列表页带下属栏目

 来源:互联网搜集/个人经验 作者:www.logosblog.com 浏览人数:

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