微信小程序开发 之 页面导航栏教程

每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。 页面的配置比app.json全局配置简单得多,只是设置 app.json 中的 window 配置项的内容,页面中配置项会覆盖 app.json 的 window 中相同的配置项。

代码:

{

"navigationBarBackgroundColor": "#000000", //导航栏背景颜色

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

"navigationBarTitleText": "广电商_社团", //导航栏标题文字内容

"backgroundColor": "#000000", //窗口的背景色

"backgroundTextStyle":  "dark", //下拉背景字体、loading 图的样式,仅支持 dark/light

"enablePullDownRefresh": false, //是否开启下拉刷新

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

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

}

讲解:

navigationBarBackgroundColor

这个是导航栏背景颜色,值只能填RGB颜色。

navigationBarTextStyle

导航栏标题颜色,需要注意的是这项目只能写 black/white (black:黑色、white:白色)

navigationBarTitleText

导航栏标题,这个就不用说了吧。。。。

backgroundColor

窗口的背景色

剩下的不怎么重要

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言: 前一章简述了微信小程序的注册,既然注册了,那么肯定要开发微信小程序了。 俗话说的好:工欲善其事必先...
    Smile__EveryDay阅读 9,225评论 1 12
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,900评论 25 709
  • 昨天看了一下微信小程序官方文档,总结一下自己学习的个人心得. 首先从官方文档给的框架说起,微信小程序官方文档给出了...
    Mr大大大阅读 47,383评论 9 68
  • 最近由于公司需求要做小程序开发,而且做h5的前端同事现在都很忙,所以我们移动开发就开始学习这个微信小程序了,...
    无沣阅读 5,564评论 1 4
  • 朋友送了一个大南瓜,是自家园子里长成的,很多天,孤独地待在走廊里。 一早上,儿子学着汪汪队狗狗(《动画片〈汪汪队立...
    低调coco阅读 3,214评论 4 6