资源描述:
《微信小程序开发文档》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、图灵机器人API(小程序是运行在客户端的,不可能写服务器代码,所以就不可能有相对路径了)文件结构框架程序包含一个描述整体程序的app和多个描述各自页面的page。一个框架程序主体部分由三个文件组成,必须放在项目的根目录,如下:文件必填作用app.js是小程序逻辑app.json是小程序公共设置app.wxss否小程序公共样式表一个框架页面由四个文件组成,分别是:文件类型必填作用js是页面逻辑wxml是页面结构wxss否页面样式表json否页面配置注意:为了方便开发者减少配置项,我们规定描述页面的这四个文件必
2、须具有相同的路径与文件名。配置我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。以下是一个包含了所有配置选项的简单配置app.json:{"pages":["pages/index/index","pages/logs/index"],"window":{"navigationBarTitleText":"Demo"},"tabBar":{"list":[{"pagePath":"pages/index/index","text":"首页
3、"},{"pagePath":"pages/logs/logs","text":"日志"}]},"networkTimeout":{58"request":10000,"downloadFile":10000},"debug":true}app.json配置项列表属性类型必填描述pagesArray是设置页面路径windowObject否设置默认页面的窗口表现tabBarObject否设置底部tab的表现networkTimeoutObject否设置网络超时时间debugBoolean否设置是否开启debu
4、g模式pages接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息,数组的第一项代表小程序的初始页面。小程序中新增/减少页面,都需要对pages数组进行修改。文件名不需要写文件后缀,因为框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合。如开发目录为:pages/pages/index/index.wxmlpages/index/index.jspages/index/index.wxsspages/logs/logs.wxml
5、pages/logs/logs.jsapp.jsapp.jsonapp.wxss则,我们需要在app.json中写{"pages":["pages/index/index""pages/logs/logs"]}window用于设置小程序的状态栏、导航条、标题、窗口背景色。属性类型默认值描述navigationBarBackgroundColorHexColor#000000导航栏背景颜色,如"#000000"navigationBarTextStyleStringwhite导航栏标题颜色,仅支持black/
6、whitenavigationBarTitleTextString导航栏标题文字内容backgroundColorHexColor#ffffff窗口的背景色58backgroundTextStyleStringdark下拉背景字体、loading图的样式,仅支持dark/lightenablePullDownRefreshBooleanfalse是否开启下拉刷新,详见页面相关事件处理函数。注:HexColor(十六进制颜色值),如"#ff00ff"如app.json:{"window":{"navigati
7、onBarBackgroundColor":"#ffffff","navigationBarTextStyle":"black","navigationBarTitleText":"微信接口功能演示","backgroundColor":"#eeeeee","backgroundTextStyle":"light"}}58tabBar如果我们的小程序是一个多tab应用(客户端窗口的底部有tab栏可以切换页面),那么我们可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页面。tabBar
8、是一个数组,只能配置最少2个、最多5个tab,tab按数组的顺序排序。属性说明:属性类型必填默认值描述colorHexColor是tab上的文字默认颜色selectedColorHexColor是tab上的文字选中时的颜色backgroundColorHexColor是tab的背景色borderStyleString否blacktabbar上边框的颜色,仅支持black/whitelistArray是tab的列表