zoukankan      html  css  js  c++  java
  • wpgcms---循环导航

    使用wpgcms的时候,在后台设置了导航菜单,那么在前端是如何循环呢?

    第一种:简便方法

    {% set array = [
        {name:'移动APP',icon:'icon-yidongAPP',code:'app'},
        {name:'微信开发',icon:'icon-weixinkaifa',code:'weixin'},
        {name:'网站开发',icon:'icon-wangzhankaifa',code:'kaifa'},
        {name:'医疗信息化',icon:'icon-yiliaoxinxihua',code:'yiliao'},
        {name:'学习系统',icon:'icon-zaixianxuexixitong',code:'xuexi'},
        {name:'电商系统',icon:'icon-BBCdianshangxitong',code:'dianshang'},
        {name:'智慧校园',icon:'icon-zhihuixiaoyuan',code:'zhihuixiaoyuan'},
        {name:'党建平台',icon:'icon-zhihuidangjianpingtai',code:'dangjian'},
        {name:'互联网应用',icon:'icon-gongyewanghulianwangyingyong',code:'hulianwang'},
    ] %}
    {% for item in array %}
    <li class="com {% if contentInfo.code == item.code %}active{% endif %}">
        <a href="/solution/{{ item.code }}.html">
            <span class="icon"><i class="icon iconfont {{ item.icon }}"></i></span>
            <span class="text">{{ item.name }}</span>
        </a>
    </li>
    {% endfor %}

    第二种方法:调用navigation的get方法获取导航

    {% set mainNavs = wpg.navigation.get('main') %}
    {% set sidebar = mainNavs[1] %}        
    {% for item in sidebar.items %}
    <li class="com {% if item.active %}active{% endif %}">
        <a href="{{ item.url }}">
            <span class="icon"><i class="icon iconfont {{ item.icon }}"></i></span>
            <span class="text">{{ item.name }}</span>
        </a>
    </li>
    {% endfor %}
  • 相关阅读:
    mysql常用操作语句
    开启端口命令
    在linux终端远程登陆linux服务器
    CentOS个人目录下中文路径转英文路径
    安装MariaDB和简单配置
    centos 7.1 apache 源码编译安装
    PHP页面跳转
    一亿个不重复的随机数算法
    HTML中添加背景
    SQL语法
  • 原文地址:https://www.cnblogs.com/e0yu/p/10635870.html
Copyright © 2011-2022 走看看