# 左侧导航配置
>[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配置