微信小程序入门基础(1)—项目结构及app.json

本文介绍了微信小程序的基础结构,包括必备文件app.js、app.json和app.wxss,以及pages文件夹中页面的组织方式。重点讲解了app.json的配置,如page字段的页面路径设置,window字段的导航条和窗口背景配置,以及tabBar的详细配置方法,包括文字颜色、背景色和各页面对应的tab配置。
摘要由CSDN通过智能技术生成

一、微信小程序项目基本结构

微信提供了微信小程序专用的开发者工具

必须文件:app.js/ app.json(配置文件) /app.wxss(样式文件)

pages文件夹存放所有页面,每个页面的路径都要在app.json文件中配置,写在pages字段中

每个页面由四个文件构成.js/.json/.wxss/.wxml,放在pages中的一个文件夹下.wxml是页面结构文件


二、app.json文件

app.json配置项如下:

1.page:将所有页面的路径写在其中,不用写文件后缀名。第一条为首页

2.window:设置导航条、状态栏、标题、窗口背景色

navigationBarBackgroundColor 导航栏背景颜色

navigationBarTextStyle                  导航栏标题颜色

navigationBarTitleText             导航栏标题文字内容

backgroundColor                    窗口的背景色

backgroundTextStyle               下拉背景字体、loading 图的样式(dark/light)

enablePull

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值