微信小程序小程序配置教程

微信小程序——配置

以下是边肖对小程序配置信息的系统整理，希望对开发者有所帮助。

我们用app.json文件全局配置微信小程序，确定页面文件路径，窗口呈现，设置网络超时，设置多标签等等。

下面是一个包含所有配置选项的简单配置app.json:

{ ' pages ' :[' pages/index/index '，' pages/log/index ']，' window ' : { ' navigationbartitetext ' : ' Demo ' }，Tabbar ' : { ' list ' :[{ ' page path ' : ' pages/index '，' text' :' home page'}，{ ' page path ' : ' pages/log/log '，' text ' 333333 '

所需的属性类型描述页面数组是设置页面路径窗口对象无设置默认页面窗口表示选项卡对象无设置底部选项卡表示网络超时对象无设置网络超时调试布尔值无设置调试模式页面是否打开

接受一个数组，每个数组都是一个字符串，以指定小程序由哪些页面组成。每一项代表对应页面的[路径文件名]信息，数组的第一项代表小程序的初始页面。在小程序中添加/减少页面需要修改页面数组。

不需要为文件名写文件后缀，因为框架会自动找到四个有路径的文件。JSON，js，wxml和。用于集成的wxss。

如果开发目录是：

pages/pages/index/index . wxmlpages/index . jspages/index/index . wxspages/logs/logs . wxmlpages/logs/logs . jsapp . jsnapp . wxss，我们需要在app.json中写

{ ' pages ' :[' pages/index/index ' ' pages/logs/logs ']}窗口

用于设置小程序的状态栏、导航栏、标题和窗口背景色。

属性类型默认值描述navigation barbakgroundcolor hexcolor # 000000导航栏背景颜色，如“# 00000”导航栏文本样式字符串白色导航栏标题颜色，仅黑色/白色导航栏标题文本字符串导航栏标题文本内容backgroundColor HexColor # ffffff窗口背景颜色backgroundTextStyle字符串深色下拉背景字体和加载图表样式受支持，仅深色/浅色注意：hex color(十六进制颜色值)，如“#ff00ff”

例如app.json:

{ ' window ' : { ' navigationbarbakgroundcolor ' : ' # ffffff '，'导航栏文字样式' :' black '，'导航栏标题文字' : '微信界面功能演示'，' backgroundColor ' : ' # eeeeee '，' backgroundTextStyle ' : ' light ' }

tabBar

如果我们的小程序是一个多标签应用程序(在客户端窗口的底部有一个标签栏来切换页面)，那么我们可以指定标签栏的性能和标签切换时显示的相应页面。

TabBar是一个数组，只能配置至少2个选项卡，最多5个选项卡。选项卡按数组的顺序排序。

属性描述：

属性类型强制默认值描述颜色六色是选项卡上文本的默认颜色。selectedColor HexColor是选择选项卡上的文本时的颜色。backgroundColor HexColor是选项卡的背景颜色。borderStyle String no black ta Color顶部边框的颜色，只有黑/白列表Array是一个制表符列表，详见列表属性说明，至少有2个制表符，最多有5个制表符，其中list接受一个数组，数组中的每一项都是一个对象，其属性值如下：

属性类型的强制描述页面路径字符串是页面路径，必须首先在页面中定义。文本字符串是选项卡上的按钮文本。图标路径字符串是图片路径，图标大小限制为40kb选择时，选择的图标路径字符串是图片路径，图标大小限制为40kb

网络超时

您可以为各种网络请求设置超时。

属性描述：

需要属性类型来描述请求号wx.request的超时、连接套接字号wx.connectSocket的超时(以毫秒为单位)、上传文件号wx.uploadFile的超时(以毫秒为单位)、下载文件号wx.downloadFile的超时(以毫秒为单位)和调试(以毫秒为单位)

可以在开发人员工具中打开调试模式。调试信息在开发工具的控制台面板中以信息的形式给出。信息包括页面注册、页面路由、数据更新和事件触发。它可以帮助开发人员快速定位一些常见的问题。

page.json

每个小程序页面也可以使用。json文件来配置此页面的窗口显示。页面配置比app.json全局配置简单很多，只设置app.json中窗口配置项的内容，会覆盖app.json窗口中相同的配置项。那个。页面的json只能设置窗口相关的配置项来决定这个页面的窗口性能，所以没有必要写窗口键，比如：

{ ' navigationbarbakgroundcolor ' : ' # ffffff '，' navigation bar text style ' : ' black '，' navigationbar title text' : '微信界面功能演示'，' Background color ' : ' # eeeeee '，' Background text style ' : ' light ' }感谢您的阅读，希望对大家有所帮助，感谢您对本网站的支持！