关于 App.Json 文件的详细解读与介绍

why 126 2024-07-29

我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

app.json是什么样的文件

app.json文件是全局配置文件之一:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

{

  "pages":[           //这个里边都是用来配置所需要用到的界面所在的文件路径,配置为第一行的是默认显示的页面。

    "pages/index/index",

    "pages/--------/--------”,

    "pages/--------/--------",

    "pages/--------/-------"//记住最后一行不要加逗号

     

  ],

  "window":{      //这个属性是用来配置界面的上边的标题栏的,

    "backgroundTextStyle":"light",//这个用来设置文本的风格。

    "navigationBarBackgroundColor": "#0066CC",//这个是背景颜色,记住用这种颜色格式的,不要用七种颜色的英文单词(red,blue)等,不然不起效果

    "navigationBarTitleText": "--------",//这个就是文字内容

    "navigationBarTextStyle":"white"//这个是文字的颜色。

  },

  "tabBar": {//这个的话就是配置下边的菜单栏。

    "color": "#0066CC",//这个是配置文字的颜色

    "selectedColor": "#FF0033",//这个是配置选中某个菜单时文字的颜色。

    "borderStyle": "#336699",

    "backgroundColor": "#99CC00",//这个是整个菜单栏的背景颜色

    "list": [//这个是列表,就是具体设置菜单栏

      {

      "text": "-----",//文字

      "pagePath": "pages/index/index",//就是对应到那个页面

      "iconPath": "image/--------",//默认的图片

      "selectedIconPath": "image/--------"//选中以后显示的图片。

      }

   --可以根据自己需要来加---

    ]

  }


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序开发所需技术的全面解析
下一篇:Auto.Js 的详细定义及功能特点介绍
相关文章

 发表评论

暂时没有评论,来抢沙发吧~