微信小程序开发 1,

管网配置说明

首先要在微信公众开发平台中有个自己的账号,在其管网下载 微信web开发者工具

 

配置文件:一个小程序都会有最基本的两个配置文件,

    1,全局配置文件 app.json

      页面路径,界面外观,网络超时时间,底部 tab ,

        pages字段 —— 用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录

在这个页面路径从上到下,就是程序加载的顺序, 

  window字段 —— 定义小程序所有页面的顶部背景颜色,文字颜色定义等。

 

属性类型默认值描述最低版本
navigationBarBackgroundColor HexColor #000000 导航栏背景颜色,如 #000000  
navigationBarTextStyle String white 导航栏标题颜色,仅支持 black / white  
navigationBarTitleText String   导航栏标题文字内容  
navigationStyle String default 导航栏样式,仅支持以下值:
default 默认样式
custom 自定义导航栏,只保留右上角胶囊按钮
微信客户端 7.0.0
backgroundColor HexColor #ffffff 窗口的背景色  
backgroundTextStyle String dark 下拉 loading 的样式,仅支持 dark / light  
backgroundColorTop String #ffffff 顶部窗口的背景色,仅 iOS 支持 微信客户端 6.5.16
backgroundColorBottom String #ffffff 底部窗口的背景色,仅 iOS 支持 微信客户端 6.5.16
enablePullDownRefresh Boolean false 是否全局开启下拉刷新。
详见 Page.onPullDownRefresh
 
onReachBottomDistance Number 50 页面上拉触底事件触发时距页面底部距离,单位为px。
详见 Page.onReachBottom
 
pageOrientation String portrait 屏幕旋转设置,支持 autoportrait / landscape 
详见 响应显示区域变化
2.4.0 (auto) / 2.5.0(landscape)
disableScroll Boolean false 设置为 true 则页面整体不能上下滚动。
只在页面配置中有效,无法在 app.json 中设置
 
disableSwipeBack Boolean false 禁止页面右滑手势返回 微信客户端 7.0.0
usingComponents Object 页面自定义组件配置 1.6.3

 

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

 

全局配置中的  tab 

tabBar

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

属性类型必填默认值描述最低版本
color HexColor   tab 上的文字默认颜色,仅支持十六进制颜色  
selectedColor HexColor   tab 上的文字选中时的颜色,仅支持十六进制颜色  
backgroundColor HexColor   tab 的背景色,仅支持十六进制颜色  
borderStyle String black tabbar上边框的颜色, 仅支持 blackwhite  
list Array   tab 的列表,详见 list 属性说明,最少2个、最多5个 tab  
position String bottom tabBar的位置,仅支持 bottom / top  
custom Boolean false 自定义 tabBar,见详情 2.5.0

其中 list 接受一个数组,只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序,每个项都是一个对象,其属性值如下:

 

属性类型必填说明
pagePath String 页面路径,必须在 pages 中先定义
text String tab 上按钮文字
iconPath String 图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。
当 postion 为 top 时,不显示 icon。
selectedIconPath String 选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。
当 postion 为 top 时,不显示 icon。
posted @ 2019-03-05 13:57  25班Ph201805201  阅读(138)  评论(0编辑  收藏  举报