移动端列表页带下属栏目

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

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在线客服链接
  • 移动端常用前端代码
  • 王晴儿工作室祝亲朋好友们和客户们中秋节快乐!
  • 不要再说你懂用户运营了!这才是真正的用户运营!
  • 企业网站SEO优化之如何做标题TITLE的SEO优化!其实很简单!
  • 网站设计建设之的色彩与人的感受
  • QQ在线咨询
    在线沟通
    QQ/微信同号
    1930533604