微信小程序blog3

  关于微信小程序，我们不止要学习前面所提到的内容。接下来，我们有学习了微信小程序的配置详解，分为以下几种：
 （1）app的页面配置
 （2）app的窗口配置
 （3）app的tabBar配置
 （4）网络超时配置及debug开启配置
 （5）页面配置
   这些都是在.json里设置的。首先就是app的页面配置，它的示例代码如下：

      我们可以知道 "pages/index/index",是第一个页面，也就是微信小程序启动后所呈现的第一个页面，要呈现这个页面要同时在.js中定义page，还要在.wxml中输入自己想要的内容，这样才能达到想要呈现的页面效果。

其次就是app的窗口配置，他的示例代码如下：

        其中navigationBarBackgroundColor定义的是导航栏背景颜色;naYigationBarTextStyle定义的是导航栏标题颜色，但只支持black/white;navigationBarTitleText定义的则是导航栏标题文字内容；backgroundTextstyle定义的则是下拉的背景字体以及loading的样式，但是它只支持dark或者light。
   然后就是app的tabBar配置，它的示例代码如下：

   这样的话，text后所跟的文字内容就是会在底部菜单显示出来了。除此之外，我们还能在微信公众号平台去了解tabBar的属性说明，分别是：color：tab上的文字默认颜色；list：tab的列表，其中list接受一个数组，数组中的每个项都是一个对象，等等。另外，我们还可以用iconPath来设置底部菜单每个选项的logo。
 而后是网络超时配置，需要注意request只影响发起请求的API；connectSocket只影响webSocket的超时；uploadFile只影响上传文件；downloadFile只影响下载文件。示例代码如下：

         最后是页面配置，是在index.json中设置的，它可以覆盖窗口配置，但目前还不能覆盖abBar配置和网络超时配置，示例代码如下：

          另外，index.wxss也同样的，可以覆盖app.index，比如，在index.wxss中使用background-color则可以直接换掉整个页面的背景颜色。通过这些，就可以形成一个基本的微信小程序页面了。