网站制作资讯

当前位置：

网站制作资讯

深圳小程序开发

制作小程序对于app.wxss文件的解决方法

制作小程序对于app.wxss文件的解决方法

发布时间：2019-06-04

文章编辑：网站建设文章来源：深圳小程序开发浏览量：次

小程序制作案例之猫眼电影底部标签导航，深圳小程序制作公司关于猫眼电影底部标签导航有4个标签：电影、影院、发现、我的，如图2.13所示。

（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所示。

（4）在window数组里配置窗口导航背景颜色为红色（#D53E37），导航栏文字为电影，字体颜色设置为白色（white），具体配置如图2.16所示。

（5）在tabBar对象里配置底部标签导航背景色为灰色（#f5f5f5），文字默认颜色为白色（white），文字选中时为红色（#D53E37），在list数组里配置底部标签导航对应的页面、导航名称、默认时图标、选中时图标，具体配置如图2.17所示。

这样就完成了猫眼电影底部标签导航的配置，单击不同的导航标签，可以切换显示不同的页面，同时导航图标和导航文字会呈现为选中状态，好了，小程序制作公司本文关于“小程序制作案例之猫眼电影底部标签导航”的知识就分享到这里，谢谢关注，博纳网络编辑整理。

当前文章链接：/construction/zbwzdz/2850.html

上一篇：制作小程序公司关于HelloWorld的创建实操步骤分享下一篇：小程序制作案例之猫眼电影底部标签导航

返回列表

如果您觉得案例还不错请帮忙分享：

[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。

相关案例推荐

资讯分类

最新发布

相关资讯

热门搜索