uni-app的导航栏开发并封装自定义导航栏

1、创建一个工程项目，名称为demoBanner,在该项目中的index.vue文件中进行业务的编写

2、准备在Iconfont-阿里巴巴矢量图标库寻找几个icon图标，如下图所示，并且进行下载，可用使用font字体下载，而现在下载成为png的图标格式

3、编写导航栏模板

4、封装自定义导航栏,在commponents中创建名为bannerTab的自定义组件

5、返回在index.vue中进行引入和注册并使用自定义的组件，来优化导航条的展示