??斗地主捕鱼电竞提现秒到 广告位招租 - 15元/月全站展示
??支付宝搜索579087183领大额红包 ??伍彩集团官网直营彩票
??好待遇→招代理 ??伍彩集团官网直营彩票
??络茄网 广告位招租 - 15元/月全站展示
微信小程序配置_小程序页面配置

转载   百度小程序   2018-11-12   浏览量:31


微信小程序配置_小程序页面配置

微信小程序配置


彩票开奖查询 www.kbyp.net 我们使用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 配置项列表

属性类型必填描述
pagesString Array设置页面路径
windowObject设置默认页面的窗口表现
tabBarObject设置底部 tab 的表现
networkTimeoutObject设置网络超时时间
debugBoolean设置是否开启 debug 模式

微信小程序-pages

接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息,数组的第一项代表小程序的初始页面。小程序中新增/减少页面,都需要对 pages 数组进行修改。

文件名不需要写文件后缀,因为框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合。

如开发目录为:

pages/

pages/index/index.wxml

pages/index/index.js

pages/index/index.wxss

pages/logs/logs.wxml

pages/logs/logs.js

app.js

app.json

app.wxss

则,我们需要在微信小程序- app.json 中写

{"pages":["pages/index/index"    "pages/logs/logs"  ]
}

微信小程序-window

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

属性类型默认值描述
navigationBarBackgroundColorHexColor#000000导航栏背景颜色,如"#000000"
navigationBarTextStyleStringwhite导航栏标题颜色,仅支持 black/white
navigationBarTitleTextString
导航栏标题文字内容
backgroundColorHexColor#ffffff窗口的背景色
backgroundTextStyleStringdark下拉背景字体、loading 图的样式,仅支持 dark/light
enablePullDownRefreshBooleanfalse是否开启下拉刷新,详见页面相关事件处理函数。
onReachBottomDistanceNumber50页面上拉触底事件触发时距页面底部距离,单位为px

注:HexColor(十六进制颜色值),如"#ff00ff"

如 app.json :

{"window":{"navigationBarBackgroundColor": "#ffffff","navigationBarTextStyle": "black","navigationBarTitleText": "微信接口功能演示","backgroundColor": "#eeeeee","backgroundTextStyle": "light"  }
}

微信接口功能演示


微信小程序-tabBar

如果我们的小程序是一个多 tab 应用(客户端窗口的底部有tab栏可以切换页面),那么我们可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。

Tip:

1. 当设置 position 为 top 时,将不会显示 icon

2. tabBar 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。

属性说明:

属性类型必填默认值描述
colorHexColor
tab 上的文字默认颜色
selectedColorHexColor
tab 上的文字选中时的颜色
backgroundColorHexColor
tab 的背景色
borderStyleStringblacktabbar上边框的颜色, 仅支持 black/white
listArray
tab 的列表,详见 list 属性说明,最少2个、最多5个 tab
positionStringbottom可选值 bottom、top

其中 list 接受一个数组,数组中的每个项都是一个对象,其属性值如下:

属性类型必填说明
pagePathString页面路径,必须在 pages 中先定义
textStringtab 上按钮文字
iconPathString图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,当 postion 为 top 时,此参数无效
selectedIconPathString选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px ,当 postion 为 top 时,此参数无效

networking 网络

微信小程序-networkTimeout

可以设置各种网络请求的超时时间。

属性说明:

属性类型必填说明
requestNumberwx.request的超时时间,单位毫秒
connectSocketNumberwx.connectSocket的超时时间,单位毫秒
uploadFileNumberwx.uploadFile的超时时间,单位毫秒
downloadFileNumberwx.downloadFile的超时时间,单位毫秒

微信小程序-debug

可以在开发者工具中开启 debug 模式,在开发者工具的控制台面板,调试信息以 info 的形式给出,其信息有Page的注册,页面路由,数据更新,事件触发 ??梢园镏⒄呖焖俣ㄎ灰恍┏<奈侍?。

微信小程序-page.json

每一个微信小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面的配置比app.json全局配置简单得多,只是设置 app.json 中的 window 配置项的内容,页面中配置项会覆盖 app.json 的 window 中相同的配置项。

页面的.json只能设置window相关的配置项,以决定本页面的窗口表现,所以无需写window这个键,如:

属性类型默认值描述
navigationBarBackgroundColorHexColor#000000导航栏背景颜色,如"#000000"
navigationBarTextStyleStringwhite导航栏标题颜色,仅支持 black/white
navigationBarTitleTextString
导航栏标题文字内容
backgroundColorHexColor#ffffff窗口的背景色
backgroundTextStyleStringdark下拉背景字体、loading 图的样式,仅支持 dark/light
enablePullDownRefreshBooleanfalse是否开启下拉刷新,详见页面相关事件处理函数。
disableScrollBooleanfalse设置为 true 则页面整体不能上下滚动;只在 page.json 中有效,无法在 app.json 中设置该项
{"navigationBarBackgroundColor": "#ffffff","navigationBarTextStyle": "black","navigationBarTitleText": "微信接口功能演示","backgroundColor": "#eeeeee","backgroundTextStyle": "light"}


转载自://blog.51cto.com/13598411/2315934

招聘 不方便扫码就复制添加关注:程序员招聘谷,微信号:jobs1024



微信小程序_文档_03_框架_视图层_WXML_数据绑定_列表渲染_事件处理
视图层框架的视图层由WXML与WXSS编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。WXML(WeiXinMarkuplanguage)用于描述页面的结构。WXS(WeiXinScript)是小程序的一套脚本语言,结合?WXML,可以构建出页面的结构。WXSS(WeiXinStyleSheet)用于描述页面的样式。组件(Component...
注册微信小程序有什么步骤
随着互联网发展,不少人在犹豫和观望,为如何快速注册一个微信小程序感到发愁,在为怎么建一个简洁大方的小程序感到迷茫。那么注册一个微信小程序步骤有什么呢,小程序有什么作用呢,这是许多电商企业都考虑的问题。
如何注册微信小程序
在微信上可以将自己的功能应用放在微信小程序平台上运行,那么微信小程序如何注册呢?许多开发者在刚开始使用的时候都会有或多或少的问题。在微信小程序界面当中,开发者可以通过注册只属于微信小程序使用者的微信来进行登录,登录成功之后,需要去填写个人信息。
怎么选择制作微信小程序公司
互联网新时代来临之后,各大传统行业面临着转型的局面,更是在微信的影响,涌现了很多关于小程序的行业。那么怎么选择制作微信小程序公司,相信这是不少企业和商家都想了解的问题。
调用微信公众平台的分享接口,自己分享的只有自己能看见图片别人却看不见是为什么?
调用微信公众平台的分享接口,自己分享的只有自己能看见图片别人却看不见是为什么?
微信公众号开发时hashcode为定值(da39a3ee5e6b4b0d3255bfef95601890afd80709)问题如何解决?
微信公众号开发时hashcode为定值(da39a3ee5e6b4b0d3255bfef95601890afd80709)问题如何解决?问题描述:hashcode为定值(我这边是da39a3ee5e6b4b0d3255bfef95601890afd80709),因为hashcode是由token,timestamp,nonce三个变量决定的,所以由常识知道问题出在算法上,
基于Django的微信公众号开发之实现消息的接收与发送
基于Django的微信公众号开发之实现消息的接收与发送。准备工作:在正式开始之前,需要做一些准备:a:安装好wechat_sdk;b:成功通过了微信公众号的开发者认证;c:新建一个应用(不是必须的),我新建了一个dict应用
微信公众号开发步骤(缩减版)
微信公众号开发步骤(缩减版)。使用框架:wx-tools:三、调用WxService来实现业务逻辑。这里有必要介绍一下wx-tools的四大组件。WxMessageRouter消息路由器WxMessageMatcher(接口)消息匹配器WxMessageInterceptor(接口)消息拦截器WxMessageHandler(接口)消息处
微信小程序开发教程之全局变量及封装网络请求
微信小程序开发教程之全局变量及封装网络请求。App({globalData:{requestUrl:
微信公众号支付设计代码之下单支付
微信公众号支付设计代码之下单支付。本页面是微信授权后微信回访的页面,微信回访时,会带一个名为code的参数,页面需要将code通过ajax请求到后台,然后后台通过公众号的appid和code去微信后台换取用户的openid,然后在使用服务商的appid和换取到的openid后台调用微信统一下