小程序制作案例之猫眼电影底部标签导航，深圳小程序制作公司关于猫眼电影底部标签导航有4个标签：电影、影院、发现、我的，如图2.13所示。
（1）新建一个movie项目，如图2.14所示。
（1）新建一个movie项目，如图2.14所示。
（2）将准备好的底部标签导航图标拷贝到movie项目下面。
（3）打开App.json配置文件，在pages数组里添加4个页面路径——电影“pages/movie/movie”、影院“pages/cinema/cinema”、发现“pages/find/find”、我的“pages/me/me”，保存后会自动生成相应的页面文件夹；删除“pages/index/index”“pages/logs/logs”页面路径以及对应的文件夹，如图2.15所示。
（3）打开App.json配置文件，在pages数组里添加4个页面路径——电影“pages/movie/movie”、影院“pages/cinema/cinema”、发现“pages/find/find”、我的“pages/me/me”，保存后会自动生成相应的页面文件夹；删除“pages/index/index”“pages/logs/logs”页面路径以及对应的文件夹，如图2.15所示。
（4）在window数组里配置窗口导航背景颜色为红色（#D53E37），导航栏文字为电影，字体颜色设置为白色（white），具体配置如图2.16所示。
（5）在tabBar对象里配置底部标签导航背景色为灰色（#f5f5f5），文字默认颜色为白色（white），文字选中时为红色（#D53E37），在list数组里配置底部标签导航对应的页面、导航名称、默认时图标、选中时图标，具体配置如图2.17所示。
这样就完成了猫眼电影底部标签导航的配置，单击不同的导航标签，可以切换显示不同的页面，同时导航图标和导航文字会呈现为选中状态，好了，小程序制作公司本文关于“小程序制作案例之猫眼电影底部标签导航”的知识就分享到这里，谢谢关注，博纳网络编辑整理。
（5）在tabBar对象里配置底部标签导航背景色为灰色（#f5f5f5），文字默认颜色为白色（white），文字选中时为红色（#D53E37），在list数组里配置底部标签导航对应的页面、导航名称、默认时图标、选中时图标，具体配置如图2.17所示。
这样就完成了猫眼电影底部标签导航的配置，单击不同的导航标签，可以切换显示不同的页面，同时导航图标和导航文字会呈现为选中状态，好了，小程序制作公司本文关于“小程序制作案例之猫眼电影底部标签导航”的知识就分享到这里，谢谢关注，博纳网络编辑整理。当前文章链接：/construction/zbwzdz/2849.html
如果您觉得案例还不错请帮忙分享：
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。
