位置:电子教程 > 微信小程序入门教程 (如果看不到内容请使用360浏览器) 推荐学习资源
小程序起步
小程序基础知识
小程序基础语法
当前阅读教程:微信小程序入门教程 > 页面配置
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 全局配置 下一篇: 样式WXSS

每一个小程序的页面也可以使用.json文件来对本页面的窗口表现进行配置。

配置样例代码如下:

{

  "navigationBarBackgroundColor": "#ffffff",

  "navigationBarTextStyle": "black",

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

  "backgroundColor": "#eeeeee",

  "backgroundTextStyle": "light"

}

 

表2-8 页面配置属性

属性

类型

默认值

描述

navigationBarBackgroundColor

HexColor

#000000

导航栏背景颜色,如 #000000

navigationBarTextStyle

String

white

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

navigationBarTitleText

String


导航栏标题文字内容

backgroundColor

HexColor

#ffffff

窗口的背景色 

backgroundTextStyle

String

dark

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

enablePullDownRefresh

Boolean

false

是否开启当前页面的下拉刷新

onReachBottomDistance

Number

50

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

disableScroll

Boolean

false

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

 

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


上一篇: 全局配置 下一篇: 样式WXSS
毕业设计网             广告联系QQ:45157718(微信同号)