ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# :-: 底部导航如何进行二次开发 下面以创建微官网(cms)底部导航页面为例,讲述如何进行底部导航的二次开发 ## 一、创建底部导航事件文件 ## 1、先复制其他应用中路径下的导航事件文件BottomNavigationListener.php( 路径:niucloud/addon/shop/app/listener/BottomNavigationListener.php) ![](https://img.kancloud.cn/2d/cd/2dcd92c29e944e7b803cc46721a1d13a_1643x801.png) ## 2.将导航事件文件粘贴至要开发的应用下(路径:niucloud/addon/cms/app/listener/粘贴文件) ![](https://img.kancloud.cn/83/a6/83a63f8cf21cb57698a991f0e88e197a_998x348.png) ## 3.修改导航事件文件 命名空间:将文件中的应用名称更改为所开发的应用名(如:将shop改为cms) key:插件标识(不需要改) info:插件信息(不需要改) backgroundColor:背景色 textColor:未选中文字颜色 textHoverColor:选中文字颜色 type:导航类型!(1:图文,2:图片,3:文字) list:导航列表 自定义链接的命名和跳转规则可查看官网文档自定义装修开发视频 选中和未选中的图片路径,要改成自己所创建的应用的图片地址(示例中要将shop修改为cms) ![](https://img.kancloud.cn/30/16/3016bc613c73780328ccbcfe928b53b1_1071x1036.png) ## 4.在创建的应用中引用底部导航事件,文件路径示例:(niuclould/addon/cms/app/event.php) ![](https://img.kancloud.cn/44/42/4442586b9c86357618b62d045de51044_917x615.png) ## 5.打开event.php将下面这句话加上,(cms为自己创建的应用名字) ``` 'BottomNavigation' => ['addon\cms\app\listener\BottomNavigationListener'], ``` ![](https://img.kancloud.cn/67/7a/677a2af2fde9121ade2cd04579a327e4_901x391.png) ## 6.打开后台,选择装修,点击底部导航,新建的底部导航就会出现 ![](https://img.kancloud.cn/79/aa/79aae29ccbba09006332558d3e697210_1920x716.png) ![](https://img.kancloud.cn/4f/67/4f673b6e738557c90530f8687e090e76_1916x684.png)