# :-: 底部导航如何进行二次开发
下面以创建微官网(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)
- 安装指引
- 宝塔安装部署(推荐)
- 一、下载源码
- 二、宝塔Linux面板安装
- 三、服务器配置
- 1.阿里云(推荐)
- 2.腾讯云
- 四、解析域名
- 1.域名购买与设置
- 2.宝塔配置域名
- 五、宝塔安装部署
- 本地安装部署
- 一、下载源码
- 二、本地部署软件安装
- 三、本地安装部署
- 后台配置
- 一、小程序配置
- 二、小程序云上传配置
- 三、公众号配置
- 四、支付配置
- 1.余额支付
- 2.微信支付
- 3.支付宝支付
- 五、阿里云存储配置
- 六、短信管理--短信设置配置
- 1.阿里云消息模板配置
- 2.腾讯云消息模板配置
- 七、消息管理--消息模板配置
- 七、地图配置
- 八、物流配置
- 九、计划任务配置
- 十、微信小程序客服配置
- 常见问题处理
- 一、小程序隐私政策设置
- 二、开启、关闭开发者模式
- 三、数据库模式修改 sql-mode
- 四、开放平台必须要配置吗
- 五、公众号配置服务器提示token失败
- 六、登录页广告图的修改
- 七、站点名称的修改
- 八、长方形Logo的修改
- 九、小程序接口申请
- 十、升级失败后如何回退版本数据
- 十一、如何修改访问域名默认跳转端口
- 十二、装修时修改商品展示个数
- 十三、运行内存太小导致的报错处理
- 十四、本地phpstudy部署,访问admin端和wap端无法自动跳转index页面问题
- 十五、自动消息回复不通问题
- 十六、单商户V6升级报错问题
- 十七、云编译报错处理方式
- 十八、升级后预览海报报错问题处理
- 十九、安装时创建积分首页标识格式错误问题处理
- 二十、云编译报ssl证书错误的处理方案
- 二十一、插件与框架版本兼容问题处理方案
- 二十二、升级提示mkdir()处理方案
- 二十三、配置了伪静态仍提示接口请求错误,请检查VIE_APP_BASE_URL参数配置或者伪静态配置
- 二十四、报错Allowed memory size of ** bytes exhausted (tried to allocate ** bytes)处理方法
- 二开指导手册
- 一、底部导航二开手册
- 二、管理端编译上传
- 三、微信小程序编译上传
- 四、H5编译上传