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

微信小程序之页面配置

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

页面配置

每一个小程序页面也可以使用 .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面试常见问题,你了解多少
  • 2019.07.11
  • 10个妙招让你的设计有灵魂!天津平面设计培训
  • 2019.12.06
  •