zoukankan      html  css  js  c++  java
  • yii2 Menu组件的使用

    1、首先引入类

    use yiiwidgetsMenu;

    2、配置组件

    <?php echo Menu::widget([
        //ul的样式以及相应的属性
        'options' => ['class' => 'nav nav-pills nav-stacked custom-nav'],
        //设置子级目录li的样式结构
        'submenuTemplate' => '<ul class="sub-menu-list">{items}</ul>',
        //是否允许解析label里面的html,方便添加小图标
        'encodeLabels' => false,
        //父节点是否根据动态路由进行高亮显示,注意url必需要以数组的形式进行固定
        'activateParents' => true,
        //设置动态时候添加的css类
        'activeCssClass' => 'active',
        //子级目录
        'items' => [
            [
            //注意会自动生成a标签
    'label' => '<i class="fa fa-laptop"></i><span>上传下载</span>', 'url' => ['javascript:;'], 'options' => ['class' => 'menu-list'], 'items' => [ ['label' => '表格操作', 'url' => ['/default/index']], ['label' => '上传图片', 'url' => ['/upload/index']] ] ], [ 'label' => '<i class="fa fa-book"></i><span>小部件应用</span>', 'url' => 'javascript:;', 'options' => ['class' => 'menu-list'], 'items' => [ ['label' => '部件一', 'url' => ['/widget/index']], ['label' => '部件二', 'url' => ['/widget/set']] ] ], ['label' => '<i class="fa fa-book"></i><span>小部件应用</span>', 'url' => ['default/index']] ] ]) ?>
  • 相关阅读:
    从数据库表中查询日期最新的记录
    ArcGIS js api开发环境配置
    HRESULT:0x80070057 (E_INVALIDARG)
    ArcGIS js api三种查询功能
    sql设置字段默认值
    文件后缀与mime类型对应表
    关于dojo自定义类
    android用户登录验证
    java实现QQ互联登录
    springboot实现网站微信扫码登录
  • 原文地址:https://www.cnblogs.com/rickyctbu/p/9710512.html
Copyright © 2011-2022 走看看