智能建站推荐,摄影工作室网站模板,c 微网站开发,移动端网站如何建设这篇文章主要介绍了微信小程序 教程之小程序配置的相关资料,这里对app.json,pages,window等做了详细介绍#xff0c;对于初学开发微信小程序的朋友#xff0c;掌握这些还是比较重要的#xff0c;需要的朋友可以参考下微信小程序——配置以下就是小编对小程序配置的资料进行的…这篇文章主要介绍了微信小程序 教程之小程序配置的相关资料,这里对app.json,pages,window等做了详细介绍对于初学开发微信小程序的朋友掌握这些还是比较重要的需要的朋友可以参考下微信小程序——配置以下就是小编对小程序配置的资料进行的系统的整理希望能对开发者有帮助。我们使用app.json文件来对微信小程序进行全局配置决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。以下是一个包含了所有配置选项的简单配置app.json {pages: [pages/index/index,pages/logs/index],window: {navigationBarTitleText: Demo},tabBar: {list: [{pagePath: pages/index/index,text: 首页}, {pagePath: pages/logs/logs,text: 日志}]},networkTimeout: {request: 10000,downloadFile: 10000},debug: true}app.json 配置项列表属性类型必填描述pagesArray是设置页面路径windowObject否设置默认页面的窗口表现tabBarObject否设置底部 tab 的表现networkTimeoutObject否设置网络超时时间debugBoolean否设置是否开启 debug 模式pages接受一个数组每一项都是字符串来指定小程序由哪些页面组成。每一项代表对应页面的【路径文件名】信息数组的第一项代表小程序的初始页面。小程序中新增/减少页面都需要对 pages 数组进行修改。文件名不需要写文件后缀因为框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合。如开发目录为pages/pages/index/index.wxmlpages/index/index.jspages/index/index.wxsspages/logs/logs.wxmlpages/logs/logs.jsapp.jsapp.jsonapp.wxss则我们需要在 app.json 中写{pages:[pages/index/indexpages/logs/logs]}window用于设置小程序的状态栏、导航条、标题、窗口背景色。属性类型默认值描述navigationBarBackgroundColorHexColor#000000导航栏背景颜色如#000000navigationBarTextStyleStringwhite导航栏标题颜色仅支持 black/whitenavigationBarTitleTextString导航栏标题文字内容backgroundColorHexColor#ffffff窗口的背景色backgroundTextStyleStringdark下拉背景字体、loading 图的样式仅支持 dark/light注HexColor(十六进制颜色值)如#ff00ff如 app.json {window:{navigationBarBackgroundColor: #ffffff,navigationBarTextStyle: black,navigationBarTitleText: 微信接口功能演示,backgroundColor: #eeeeee,backgroundTextStyle: light}}tabBar如果我们的小程序是一个多 tab 应用(客户端窗口的底部有tab栏可以切换页面)那么我们可以通过 tabBar 配置项指定 tab 栏的表现以及 tab 切换时显示的对应页面。tabBar 是一个数组只能配置最少2个、最多5个 tabtab 按数组的顺序排序。属性说明属性类型必填默认值描述colorHexColor是tab 上的文字默认颜色selectedColorHexColor是tab 上的文字选中时的颜色backgroundColorHexColor是tab 的背景色borderStyleString否blacktabbar上边框的颜色 仅支持 black/whitelistArray是tab 的列表详见 list 属性说明最少2个、最多5个 tab其中 list 接受一个数组数组中的每个项都是一个对象其属性值如下属性类型必填说明pagePathString是页面路径必须在 pages 中先定义textString是tab 上按钮文字iconPathString是图片路径icon 大小限制为40kbselectedIconPathString是选中时的图片路径icon 大小限制为40kbnetworkTimeout可以设置各种网络请求的超时时间。属性说明属性类型必填说明requestNumber否wx.request的超时时间单位毫秒connectSocketNumber否wx.connectSocket的超时时间单位毫秒uploadFileNumber否wx.uploadFile的超时时间单位毫秒downloadFileNumber否wx.downloadFile的超时时间单位毫秒debug可以在开发者工具中开启 debug 模式在开发者工具的控制台面板调试信息以 info 的形式给出其信息有Page的注册页面路由数据更新事件触发。 可以帮助开发者快速定位一些常见的问题。page.json每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。 页面的配置比app.json全局配置简单得多只是设置 app.json 中的 window 配置项的内容页面中配置项会覆盖 app.json 的 window 中相同的配置项。页面的.json只能设置 window 相关的配置项以决定本页面的窗口表现所以无需写 window 这个键如{navigationBarBackgroundColor: #ffffff,navigationBarTextStyle: black,navigationBarTitleText: 微信接口功能演示,backgroundColor: #eeeeee,backgroundTextStyle: light}
