小程序前端开发(app.json配置)
2021/7/23 11:07:22
本文主要是介绍小程序前端开发(app.json配置),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
页面文件组成
app.json配置
官方链接:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html
单个页面的page.json会覆盖app.json中对于小程序window的设置,page和debug等不可以在page.json中被设置。
设置window
"window": { "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "微信接口功能演示", "backgroundColor": "#eeeeee", "backgroundTextStyle": "light" }
设置tabBar
(tabBar最多可设置五个,再多就不会显示)
"tabBar": { "color": "#444", 设置字体颜色 "selectedColor": "#219bf3", 设置选中字体颜色 "backgroundColor": "#e0e0e0", 设置背景颜色 "borderStyle": "white", 设置tab栏上边框颜色(可选只有white和black) "position": "bottom", 设置tab位置(可选只有bottom和top) "list": [ { "text": "Index", "pagePath": "pages/index/index", "iconPath": "image/01.png", 设置tab栏图标 "selectedIconPath": "image/01-active.png" 被选中时的图标(颜色由图标本身决定 }, { "text": "Demo", "pagePath": "pages/demo/demo", "iconPath": "image/02.png", "selectedIconPath": "image/02-active.png" } ]}
这篇关于小程序前端开发(app.json配置)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15useCallback教程:React Hook入门与实践
- 2024-11-15React中使用useContext开发:初学者指南
- 2024-11-15拖拽排序js案例详解:新手入门教程
- 2024-11-15React中的自定义Hooks案例详解
- 2024-11-14受控组件项目实战:从零开始打造你的第一个React项目
- 2024-11-14React中useEffect开发入门教程
- 2024-11-14React中的useMemo教程:从入门到实践
- 2024-11-14useReducer开发入门教程:轻松掌握React中的useReducer
- 2024-11-14useRef开发入门教程:轻松掌握React中的useRef用法
- 2024-11-14useState开发:React中的状态管理入门教程