小程序配置文件 —— 15 页面配置

页面配置

小程序的页面配置,也称为局部配置,每一个小程序页面也可以使用自己的 .json 文件来对页面的窗口表现进行配置;

需要注意的是:页面配置文件的属性和全局配置文件中的 window 属性几乎一致,只不过这里不需要额外指定 window 字段,因此如果出现相同的配置项,页面中配置项会覆盖全局配置文件中相同的配置项;

我们在进行页面配置的时候,可以参考官方文档:页面配置

下面我们打开微信开发者工具进行配置,我们选择对分类页面进行配置。首先点击模拟器中的【分类】tab,然后在文件夹 pages 中选择 cate 文件夹,然后点击 cate.json 文件,在 cate.json 文件中对当前页面进行设置:

首先修改当前页面的标题,使用 "navigationBarTitleText": "商品分类" 即可修改页面的标题,然后使用 "navigationBarBackgroundColor": "#00AF92" 可以修改当前页面导航条的背景颜色:

参考视频:尚硅谷微信小程序开发教程

相关推荐
web前端神器17 小时前
记录uniapp小程序的报错
小程序·uni-app·apache
weikecms18 小时前
外卖霸王餐api接口,美团+淘宝闪购接口
微信·小程序·微客云
2501_916008891 天前
深入解析iOS应用启动性能优化策略与实践
android·ios·性能优化·小程序·uni-app·cocoa·iphone
TuCoder2 天前
制作景区导览小程序时,现有手绘图是否可以复用?
小程序·智慧景区·手绘地图·景区导览·电子导览·地图制作·ebmap
小小王app小程序开发2 天前
盲盒小程序一番赏玩法分析
小程序
这是个栗子2 天前
【微信小程序问题解决】删掉 “navigationStyle“: “custom“ 后仍触发了自定义导航栏
微信小程序·小程序·navigationstyle
liangdabiao2 天前
定制的乐高马赛克像素画生成器-微信小程序版本-AI 风格优化-一键完成所有工作
人工智能·微信小程序·小程序
编程小白gogogo2 天前
苍穹外卖微信小程序导入hbuilder后点击运行选择在微信开发者工具中打开,微信开发者工具打开却没有运行微信小程序解决办法
微信小程序·小程序
梦梦代码精2 天前
LikeShop 深度测评:开源电商的务实之选
java·前端·数据库·后端·云原生·小程序·php
2501_915921433 天前
穿越HTTPS迷雾:Wireshark中的TLS抓包秘诀与文件合并方法
网络协议·ios·小程序·https·uni-app·wireshark·iphone