小程序配置文件
全局配置 app.json
app,json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。普通快速启动项目里面的app.json 配置
page字段
page字段用于设置小程序中的页面及其顺序
快速创建新页面
在pages字段中添加路径,ctrl+s 时候自动生成新网页的文件
添加的位置决定小程序中页面的顺序
"page" : {
"pages/index/index",
"pages/logs/logs",
}
window字段
定义小程序所有页面的顶部背景颜色,字体颜色定义等
属性 | 说明 |
---|
navigationBarBackgroundColor | 导航栏背景颜色,如#000000 | navigationBarTextStyle | 导航栏标题颜色,仅支持black/white | navigationBarTitleText | 导航栏标题文字内容 | navigationStyle | 导航栏样式,仅支持以下值:default 默认样式,custom 自定义导航栏,只保留右上角胶囊按钮 | backgroundColor | 窗口额背景色 | backgroundTextStyle | 下拉loading的样式小圆点的颜色,仅支持dark/light | backgroundColorTop | 顶部窗口的背景色,仅 iOS 支持 | backgroundColorBottom | 底部窗口的背景色,仅 iOS 支持 | enablePullDownRefresh | 是否开启全局的下拉刷新 | onReachBottomDistance | 页面上拉触底事件触发时距页面底部距离,单位为 px。 | pageOrientation | 屏幕旋转设置,支持 auto / portrait / landscape |
注意点:
- background只有在下拉的时候能见到,平时页面是遮挡住background的
- 修改颜色只能用16进制表示
tabbar字段
如果小程序是一个多tab应用(客户端窗口的底部或者顶部有tab栏切换页面),可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页面
属性 | 必填 | 描述 |
---|
color | 是 | tab上的文字默认颜色,仅支持十六进制的颜色 | selectedColor | 是 | tab上的文字选中时的颜色,仅支持十六进制颜色 | backgroundColor | 是 | tab的背景颜色,仅支持十六进制颜色 | borderStyle | 否 | tabbar上边框的颜色,仅支持black/white | list | 是 | tab的列表,最少2个,最多5个 | position | 否 | tabBar的位置,默认在最第层仅支持bottom/top | custom | 否 | 自定义tabBar |
list的属性
属性 | 说明 |
---|
pagePath | 页面路径,必须是在pages中定义的 | text | tab上按钮文字 | iconPath | 图片路径,icon 大小限制为 40kb,建议尺寸为 81px * 81px,不支持网络图片。 当 position 为 top 时,不显示 icon。 | selectedIconPath | 选中时的图片路径,icon 大小限制为 40kb,建议尺寸为 81px * 81px,不支持网络图片。 当 position 为 top 时,不显示 icon。 |
注意点:
- tab栏在最上方的时候,是没有图标的,在list中可以不用写iconPath和selectedIconPath
页面配置 page.json
这里page.json 其实用来表示页面目录下的page.json ,这类和小程序页面相关的的配置
开发者可以独立定义每个页面的一些属性,如顶部颜色,是否允许下拉刷新等
页面的配置只能设置app.json 中部分window 配置项的内容,页面中配置项会覆盖app.json 的window 中相同的配置项
sitemap配置-了解即可
小程序根目录下的sitemap.json 文件用于配置小程序及其页面是否允许被微信索引
微信现已开放小程序内搜索,开发者可以通过 sitemap.json 配置,或者管理后台页面收录开关来配置其小程序页面是否允许微信索引。当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索词条触发该索引时,小程序的页面将可能展示在搜索结果中。 爬虫访问小程序内页面时,会携带特定的 user-agent:mpcrawler 及场景值:1129 。需要注意的是,若小程序爬虫发现的页面数据和真实用户的呈现不一致,那么该页面将不会进入索引中。
|