微信小程序学习记录

1.2
第一章 全局配置
app.json 文件用来对微信小程序进行全局配置。
主要功能有：

决定页面文件的路径
窗口表现
设置网络超时时间
设置多 tab

pages String Array 是页面路径列表
用于指定小程序由哪些页面组成，每一项都对应一个页面的路径+文件名信息。文件名不需要写文件后缀，框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理。

window 用于设置小程序的状态栏、导航条、标题、窗口背景色。
复制时去掉注释，否则报错

{
  "window": {
  
    //导航栏背景颜色 只能用#---- 格式
    "navigationBarBackgroundColor": "#FF7F50",
    
    //导航栏标题颜色，仅支持 black  / white 
    "navigationBarTextStyle": "white",
    
    //导航栏标题文字
    "navigationBarTitleText": "WeChat 技术博文头条",
    
     //导航栏样式，仅支持以下值：
     //默认样式 default  展示导航栏标题文字 
     //custom 自定义  导航栏，关闭导航栏文字显示 只保留右上角胶囊按钮。
    "navigationStyle":"custom",
    
    //下拉 loading 的样式，仅支持 dark / light
    "backgroundTextStyle": "light",
    
    //顶部窗口的背景色，仅 iOS 支持
    "backgroundColorTop":"#ffffff",
    
    //底部窗口的背景色，仅 iOS 支持
    "backgroundColorBottom":"#ffffff",
   
    //是否全局开启下拉刷新。true 默认false
    "enablePullDownRefresh":true,
    
     //页面上拉触底事件触发时距页面底部距离，单位为px。 **未测试出效果**
    "onReachBottomDistance":100,
    
    //设置为 true 则页面整体不能上下滚动。
	//只在页面配置中有效，无法在 app.json 中设置
 	"disableScroll":true,
 	//禁止页面右滑手势返回 设true禁止右滑动返回
 	 "disableSwipeBack":false
  },

微信小程序学习记录

猜你喜欢