微信二维码
微博二维码
qq号二维码

微信小程序之页面配置

夏磊银 2019.11.30 1292人浏览
微信小程序之页面配置

页面配置

每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。文件内容为一个 JSON 对象。

navigationBarBackgroundColor:导航栏背景颜色

navigationBarTextStyle:导航栏标题颜色,仅支持 black / white

navigationBarTitleText:导航栏标题文字内容

navigationStyle:导航栏样式,仅支持以下值:default 默认样式custom 自定义导航栏,只保留右上角胶囊按钮

backgroundColor:窗口的背景色

backgroundTextStyle:下拉 loading 的样式,仅支持 dark / light

backgroundColorTop:顶部窗口的背景色,仅 iOS 支持

backgroundColorBottom:底部窗口的背景色,仅 iOS 支持

enablePullDownRefresh:是否开启当前页面下拉刷新。

onReachBottomDistance:页面上拉触底事件触发时距页面底部距离,单位为px。

pageOrientation:屏幕旋转设置,支持 auto / portrait / landscape 

disableScroll:设置为 true 则页面整体不能上下滚动。只在页面配置中有效,无法在 app.json 中设置

usingComponents:页面自定义组件配置


实例

{

  "navigationBarBackgroundColor": "#ffffff",

  "navigationBarTextStyle": "black",

  "navigationBarTitleText": "微信接口功能演示",

  "backgroundColor": "#eeeeee",

  "backgroundTextStyle": "light"

}


分享到:
天津UI设计培训-CleanPNG免抠素材网站
  • 2020.11.30
  • "天津IT培训适应经济新常态:中日职场比较 - 探索工作时长减少、生活质量提升的程序员"
  • 2024.04.23