标签：index 窗口 assets 微信 home 导航 pages png 页面

配置页面

一般情况下我们会给每个页面创建一个文件夹，所以我们首先在pages下创建一个文件夹。

小程序直接给我们提供了创建页面的功能，右键这个文件夹，点击创建新建Page即可直接生成页面所需的文件。

生成文件之后，所有的页面都需要在app.json的pages属性中声明之后，才可以访问，小程序会默认先加载pages属性中第一个页面。如果开发过程如果我们需要调试别的页面，我们可以添加一个新的编译模式。

 

 

在移动端经常会涉及到tabbar的使用，小程序直接给我们提供了配置tabbar的方法。

 

这里需要注意的是，tabbar的图标不能是线上的地址，需要提前准备好放到项目里，一般情况下，这些静态资源可以放在assets文件夹下。这些图标大家可以从阿里矢量图标库中进行下载https://www.iconfont.cn/。

 

"tabBar": {     "selectedColor": "#f00",     "color": "#888",     "list": [       {         "pagePath": "pages/index/index",         "text": "首页",         "iconPath": "assets/index.png",         "selectedIconPath": "assets/index-active.png"       },       {         "pagePath": "pages/home/home",         "text": "home",         "iconPath": "assets/home.png",         "selectedIconPath": "assets/home-active.png"       }     ]   }

总结

小程序中的配置还有很多，大家也不用全部记住，需要的时候在查就可以了，大家需要掌握的是如何查阅文档。

 

 

标签：index,窗口,assets,微信,home,导航,pages,png,页面
来源： https://www.cnblogs.com/z8g1z7/p/15399031.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。