微信小程序的配置详解

 时间:2026-02-14 15:42:57

1、打开开发者工具,在项目的pages下,新建mypage文件夹,在文件夹内新建

page,名为mypage,并在app.json中将mypage设为第一页面

微信小程序的配置详解

2、在app.json项目配置文件中,可以更改window的样式,例如改变名称,修改后如下:

"window": {

"backgroundTextStyle": "light",

"navigationBarBackgroundColor": "#fff",

"navigationBarTitleText": "微信",

"navigationBarTextStyle": "black"

},

保存会在左侧模拟器看到效果,如下图

微信小程序的配置详解

3、但是如果在页面的json文件中,覆盖了这个样式,则以页面为准,例如在

mypage.json中,同样写了navigationBarTitleText,代码如下:

"navigationBarTitleText": "mypage微信"

保存会在左侧模拟器看到效果,如下图

微信小程序的配置详解

4、为小程序添加tabBar,代码如下:

"tabBar":{

"list":

[{

"pagePath":"pages/mypage/mypage",

"text":"我的页面"

},

{

"pagePath": "pages/logs/logs",

"text": "日志"

}

]

},

微信小程序的配置详解

5、保存上面代码后,效果如下图,在小程序底部多了tabBar,可以切换页面,实际中还会设置图片等等

微信小程序的配置详解

6、设置开启debug模式,代码如下:

"debug":true,

微信小程序的配置详解

7、开启debug后编译运行,会在控制台打印出调试信息,如下图

微信小程序的配置详解

  • 怎样使用windows语音助手
  • 东芝L730拆机
  • 联想Z470笔记本电脑使用说明书:[1]
  • 电脑如何用光盘重装系统?
  • 联想昭阳 E43笔记本电脑使用说明书:[1]
  • 热门搜索
    自贡旅游景点大全 全国旅游景点地图高清 浙江台州旅游景点大全 广东湛江旅游景点 纳木错旅游攻略 寒山寺旅游攻略 金马旅游官网 吴哥窟旅游 重庆到武隆旅游攻略 夏季旅游胜地