# 左側導航配置
>[danger] 日常工作中,導航按鈕會用到一些說明文字或者樣式的修飾跟標注,或者一些數據的統計,此配置可以解決這些問題
### 1、在系統中心> 導航管理中 建立新的導航列表。
![tu1]
### 2、根據提示新建類
>[danger] 根據提示 所有的類必須繼承 epii\admin\center\config\IBadgeInfo。創建完后,得到當前導航的ID 35
### 3、在APP中新建類left_menu
---
```php
namespace app;
use epii\admin\center\config\IBadgeInfo;
class left_menu implements IBadgeInfo
{
protected $m;
public function __construct($menu_info)
{
$this->m=$menu_info;
}
public function getCssClass()
{
if($this->m['id']=='35'){
return "badge badge-info";
}
}
public function getText()
{
if($this->m['id']=='35'){
return "4";
}
}
}
```
### 關于 IBadgeInfo
|名稱 | 意義|
|----|-----|
| *$menu_info* | 當前導航的所有參數 包括(名稱、樣式、ID等)|
| *getCssClass* | 返回導航按鈕左側樣式|
| *getText* | 返回導航按鈕左側文字|
### 最終效果
![tu2]
[tu1]:https://k1919.gitee.io/image/tu1.png
[tu2]: https://k1919.gitee.io/image/tu2.png
- 簡介/安裝
- 快速搭建一個用戶中心
- Js代碼寫在哪里
- 環境變量Args
- 前臺組件
- Dialog方式打開頁面
- Addtab方式打開頁面
- Alert提醒框
- Confirm確認框
- Prompt輸入框
- 表單Form
- 列表Table/list
- 基礎Table
- 控制Table
- 搜索Table
- 城市選擇city-picker
- 文件上傳組件
- 基礎版本
- 簡單版本
- 更多實用組件
- 后臺
- 實現方式綜述
- 命令管理類JsCmd
- 命令
- Alert命令
- Url命令
- Toast命令
- JsEval命令
- Close命令
- Refresh命令
- CloseAndRefresh命令
- 常用命令的簡化
- 文件上傳
- 后臺基礎
- 后臺進階
- 左側導航badge配置