微信小程序项目基本配置全面解析

why 24 2024-10-18

小程序中的配置文件分为两种:

微信小程序项目基本配置全面解析

全局配置文件,根目录下的app.json

页面配置文件,每个页面目录下的[page-name].json

app.json

项目配置声明文件(指定项目的一些信息,比如导航栏样式颜色等等)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

// 当前程序是由哪些页面组成的(第一项默认为初始页面) 

// 所有使用到的组件或页面都必须在此体现

// https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#pages

 "pages": [ ... ],

 // 应用程序窗口设置 

// https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#window

 "window": { ... }, 

// 应用导航栏设置 

// https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#tabBar 

"tabBar": { ... },

 // 网络超时设置

  // https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#networkTimeout 

"networkTimeout": {}, 

// 是否在控制台输出调试信息 

// https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#debug  "debug": true}

[page-name].json

用于指定特定页面工作时,window的设置:

1

2

3

4

5

6

7

// 导航条背景色  "navigationBarBackgroundColor": "#35495e", 

// 导航条前景色(只能是white/black)  "navigationBarTextStyle": "white", 

// 导航条文本  "navigationBarTitleText": "电影 « 豆瓣",

 // 窗口背景颜色  "backgroundColor": "#fff", 

// 窗口前景色  "backgroundTextStyle": "dark", 

// 是否开启下拉刷新  "enablePullDownRefresh": true}

以上就是小程序项目基本配置的详细内容。


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

上一篇:微信小程序基础入门全攻略详解
下一篇:微信小程序发送短信倒计时功能示例代码详解
相关文章

 发表评论

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