今日头条小程序 > 字节跳动 > 全局配置
今日头条小程序,字节跳动,全局配置

全局配置

2019-03-13 11:29:04

app.json是一个用来对头条小程序进行全局配置的文件,用来配置页面的路径,窗口样式表现等。app.json的配置选项如下:{pages:[pages/index/index,pages/logs/index],window:{navigationBarTitleText:Demo},tabBar:{list:[{pagePath:pages/index/index,text:首页},{pagePath:pages/logs/logs,text:日志}]}}
app.json配置项说明属性类型必填描述pagesStringArray是配置页面路径windowObject否配置默认页面的窗口表现tabBarObject否配置底部tab的表现debugBoolean否配置是否开启debug模式
pages这个字段用于配置小程序用到的所有页面路径,配置每项是路径+文件名这个结构。配置项的第一个页面路径就是小程序启动展示的第一个页面。需要注意:保证单个页面的.json,.js,.ttml,.ttss资源都放在每个页面路径的首层如开发目录如下:|____app.ttss|____app.json|____project.config.json|____pages||____index|||____index.js|||____index.json|||____index.ttml|||____index.ttss|____app.js那么app.json应该这样配置:{pages:[pages/index/index]}
window这个字段用于设置小程序的状态栏、导航条、标题、窗口背景色。属性类型默认值描述navigationBarBackgroundColorHexColor
000000导航栏背景颜色,如
000000navigationBarTextStyleStringwhite导航栏标题颜色,仅支持black/whitenavigationBarTitleTextString导航栏标题文字内容navigationStyleStringdefault导航栏样式,仅支持default/custom。custom模式可自定义导航栏,只保留右上角胶囊状的按钮backgroundColorHexColor
ffffff窗口的背景色backgroundTextStyleStringdark下拉loading的样式,仅支持dark/lightbackgroundColorTopString
ffffff顶部窗口的背景色,仅iOS支持backgroundColorBottomString
ffffff底部窗口的背景色,仅iOS支持enablePullDownRefreshBooleanfalse是否开启下拉刷新,详见页面相关事件处理函数onReachBottomDistanceNumber50页面上拉触底事件触发时距页面底部距离,单位为px
tabBar如果你的小程序包含多个tab(客户端窗口的底部或顶部有tab栏可以切换页面),可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页面。比如设置tab展示标题和tab颜色等。属性类型必填默认值描述colorHexColor是tab上的文字默认颜色selectedColorHexColor是tab上的文字选中时的颜色backgroundColorHexColor是tab的背景色borderStyleString否blacktabbar上边框的颜色,仅支持black/whitelistArray是tab的列表,详见list属性说明,最少2个、最多5个tabpositionString否bottom可选值bottom、top其中list接受一个数组,数组中的每个项都是一个对象,其属性值如下:属性类型必填描述pagePathString是页面路径,必须在pages中先定义textString是tab上按钮文字iconPathString否图片路径,icon大小限制为40kb,建议尺寸为81px*81px,当postion为top时,此参数无效,不支持网络图片selectedIconPathString否选中时的图片路径,icon大小限制为40kb,建议尺寸为81px*81px,当postion为top时,此参数无效
page.json头条小程序的每一个页面的窗口表现也可以通过页面目录下的.json文件进行配置,这个页面的独立配置会比app.json要简单;如果app.json的window字段里面配置了某个页面的窗口样式,同时该页面也在自己的.json文件中做了对应字段的配置的话,框架会优先采用页面里面的.json相应配置项。具体的配置字段如下:属性类型默认值描述navigationBarBackgroundColorHexColor
000000导航栏背景颜色,如
000000navigationBarTextStyleStringwhite导航栏标题颜色,仅支持black/whitenavigationBarTitleTextString导航栏标题文字内容backgroundColorHexColor
ffffff窗口的背景色backgroundTextStyleStringdark下拉loading的样式,仅支持dark/lightenablePullDownRefreshBooleanfalse是否开启下拉刷新,详见页面相关事件处理函数。disableScrollBooleanfalse设置为true则页面整体不能上下滚动;只在page.json中有效,无法在app.json中设置该项onReachBottomDistanceNumber50页面上拉触底事件触发时距页面底部距离,单位为px例子:{navigationBarBackgroundColor:
ffffff,navigationBarTextStyle:black,navigationBarTitleText:头条接口功能演示,backgroundColor:
eeeeee,backgroundTextStyle:light}
标签:框架,字节跳动小程序
今日头条小程序,字节跳动,全局配置

「全局配置」开发框架订阅

方法1:今日头条扫描字节跳动小程序码即可订阅开发框架「全局配置」

方法2:今日头条搜索字节跳动小程序名称进入,即可订阅开发框架「全局配置」

方法3:今日头条网页访问即速商店,长按识别字节跳动小程序码即可订阅开发框架「全局配置」

字节跳动小程序开发框架「全局配置」由字节跳动原创摘录于今日头条小程序商店shop.jisuapp.cn,转载请注明出处。

字节跳动开发框架「全局配置」由字节跳动开发者向今日头条用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。