文章目录
- 一、项目步骤
- 1 新建一个无AppID的movie项目
- 2将准备好的底部标签导航图标拷贝到movie项目下面(将图标文件夹image放到项目文件夹里)
- 3 打开App.json配置文件,在pages数组里添加4个页面路径:电影“pages/movie/movie”、影院“pages/cinema/cinema”、发现“pages/find/find”、我的“pages/me/me”,保存后会自动生成相应的页面文件夹;删除“pages/index/index”“pages/logs/logs”页面路径以及对应的文件夹
- 4 在window数组里配置窗口导航背景颜色为红色(#D53E37),导航栏文字为电影,字体颜色为白色(white)。
- 5 在tabBar对象里配置底部标签导航背景色为灰色(#f5f5f5),文字默认颜色为白色(white),选中时为红色(#D53E37),在list数组里配置底部标签导航对应的页面、导航名称、默认时图标、选中时图标。
- 二 tabBar导航栏讲解
- 三 页面配置
一、项目步骤
1 新建一个无AppID的movie项目
![](https://i-blog.csdnimg.cn/direct/1f056d2810ca4e60b47b2b7f436e6d2a.png#pic_center)
2将准备好的底部标签导航图标拷贝到movie项目下面(将图标文件夹image放到项目文件夹里)
![](https://i-blog.csdnimg.cn/direct/3f9d42463a9744559ff52843560ce56f.png#pic_center)
![](https://i-blog.csdnimg.cn/direct/03e04fd39e74429e9632276b1a966ca4.png#pic_center)
image图
![](https://i-blog.csdnimg.cn/direct/dd123ef8418142d59b530ffa4693c687.png#pic_center)