Yii2侧边栏中的字体使用

我遵循GitHub提供的指导原则，并通过composer成功安装。我的问题是，他们给我的代码，以获得特定的图标，我的侧栏是不工作的

我在SideNav菜单中使用了FA:：icon（'home'），但此代码只输出“>此图标，而不是主图标

我在sidenav菜单中使用的代码

<?= SideNav::widget([
'type' => SideNav::TYPE_DEFAULT,
'heading' => 'System Functions',
'items' => [
    [
        'url' => '../dashboard/manager',
        'label' => Yii::t('app','Dashboard'),
        'icon' => 'home',   
        'active' => ($currentpage == 'Manager')
    ],
    [
        'url' => '#',
        'label' => 'Purchase',
        'icon' => FA::icon('home'),                       
         'items' => [
                [
                  'url' => '../dashboard/suppliers',
                  'label' => Yii::t('app','Suppliers'), 
                  'icon'=>'transport',                                
                  'active' => ($currentpage == 'Suppliers')
                ],
                [
                    'url' => '../dashboard/leaf-entry',
                    'label' => 'Leaf Collection', 
                    'icon'=>'leaf', 
                    'active' => ($currentpage == 'Leaf')
                ],
                [
                    'url' => '../dashboard/payments',
                    'label' => 'Payments', 
                    'icon'=>'phone', 
                    'active'=> ($currentpage == 'Payments') 
                ],
                ['label' => 'Reports', 'icon'=>'phone', 'url'=>'#']
         ],
    ],
    [
        'label' => 'Stock',
        'icon' => 'question-sign',
        'items' => [
            ['label' => 'Live Stock', 'icon'=>'info-sign', 'url'=>'#'],
            ['label' => 'Auction Despatch', 'icon'=>'phone', 'url'=>'#'],
            ['label' => 'Production Tracker', 'icon'=>'phone', 'url'=>'#'],
            ['label' => 'Reports', 'icon'=>'phone', 'url'=>'#']
          ],
    ],
    [
        'label' => 'Human Resource',
        'icon' => 'question-sign',
        'items' => [
            ['label' => 'Employees', 'icon'=>'info-sign', 'url'=>'#'],
            ['label' => 'Time Tracker', 'icon'=>'phone', 'url'=>'#'],
            ['label' => 'Payments', 'icon'=>'phone', 'url'=>'#'],
            ['label' => 'Reports', 'icon'=>'phone', 'url'=>'#']
          ],
    ],
    [
        'label' => 'End of day calculations',
        'icon' => 'question-sign',
        'items' => [
            ['label' => 'Water Basis', 'icon'=>'info-sign', 'url'=>'#'],
            ['label' => 'Dry Basis', 'icon'=>'phone', 'url'=>'#'],
            ['label' => 'Out Turn', 'icon'=>'phone', 'url'=>'#'],
            ['label' => 'Refuced Tea', 'icon'=>'phone', 'url'=>'#']
          ],
    ],
        ],
    ]);
?>

输出

我还使用了Chrome开发工具来检查元素，结果如下。希望这就是问题所在

---

您使用的是

SideNav:：widget

，它使用默认图标前缀作为

“图标图标-“

。这是SideNav属性。如果您使用

glyphicon

图标创建SideNav，则它将仅使用

glyphicon

图标。如果要使用字体超级图标，需要更改图标前缀，如下所示：

      echo SideNav::widget([
        'type' => SideNav::TYPE_DEFAULT,
        'heading' => 'System Functions',
        'iconPrefix' => ' ',
        'items' => [
        [
            'url' => '#',
            'label' => 'Home',
            'icon' => 'fa fa-home',
        ]
    ]
]);

---

一次只能使用一种类型的图标。

您使用的是

SideNav:：widget

，它使用默认图标前缀作为

“glyphion glyphion-”

。这是SideNav属性。如果您使用

glyphicon

图标创建SideNav，则它将仅使用

glyphicon

图标。如果要使用字体超级图标，需要更改图标前缀，如下所示：

      echo SideNav::widget([
        'type' => SideNav::TYPE_DEFAULT,
        'heading' => 'System Functions',
        'iconPrefix' => ' ',
        'items' => [
        [
            'url' => '#',
            'label' => 'Home',
            'icon' => 'fa fa-home',
        ]
    ]
]);

---

您一次只能使用一种类型的图标。

屏幕截图显示的是Chrome开发工具，而不是Firebug，因此我更改了问题以反映这一点。我不熟悉Yii2，但为什么你要使用

FA:：icon（'home'）

，而不是像你对其他图标那样使用

'home'

字符串？是的，我错了，其他图标都是引导图标，设置的图标很少，所以我不需要这些图标。如果答案对你有帮助，并且你的问题现在已经解决，请标记为true。所以这对其他人会有帮助。屏幕截图显示的是Chrome开发工具，而不是Firebug，所以我改变了问题以反映这一点。我不熟悉Yii2，但为什么你要使用

FA:：icon（'home'）

，而不是像你对其他图标那样使用

'home'

字符串？是的，我错了，其他图标都是引导图标，设置的图标很少，所以我不需要这些图标。如果答案对你有帮助，并且你的问题现在已经解决，请标记为true。因此，这将有助于其他人