微信小程序开发(二)小程序全局配置app.json

2024-09-02 14:32

本文主要是介绍微信小程序开发(二)小程序全局配置app.json,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文件说明:

app.json : 小程序全局配置

pageswidowstabBarnetworkTimeoutdebug
小程序的全局配置文件,小程序中所有的页面都需要配置路径用于设置小程序的状态栏、导航条、标题、窗口背景色。窗口的底部有tab栏网络请求的超时时间调试模式
array(字符串数组)jsonjsonjsonBoolean
"pages" :[
"pages/index/index" ,
"pages/logs/logs"
],
"window" :{
"backgroundTextStyle" : "light" ,
"navigationBarBackgroundColor" : "#fff" ,
"navigationBarTitleText" : "水遁下流之术" ,
"navigationBarTextStyle" : "black"
},
"tabBar" : {
"color" : "#a9b7b7" ,
"selectColor" : "#eb4f38" ,
"borderStyle" : "white" ,
"backgroundColor" : "#ffffff" ,
"position" : "bottom" ,
"list" : [
{
"pagePath" : "pages/index/index" ,
"iconPath" : "images/index/home.png" ,
"selectedIconPath" : "images/index/home-selected.png" ,
"text" : "首页"
},
{
"pagePath" : "pages/logs/logs" ,
"iconPath" : "images/logs/log.png" ,
"selectedIconPath" : "images/logs/log-selected.png" ,
"text" : "日志"
}
]
},
"networkTimeout" : {
"request" : 10000 ,
"downloadFile" : 10000
},
"debug" : true
每一个页面都应包含自己对应的  .wxml,.wxss,.js文件,框架会自己自动合并

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

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

navigationBarTitleText:"导航栏标题内容" //导航栏标题

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

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

enablePullDownRefresh:true/false //是否开启下拉刷新模式

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

color:"#ffffff" //tab文字默认颜色

selectedColor:"#000000" //选中tab的文字颜色

backgroundColor:"#f3f3f3" //tab的背景色

list:[{

   pagePath:"", //tab页面的路径

   iconPath:"",//默认图标地址,<40kb,top时无效

   selectedIconPath:""//选中后图标地址,同上

   text:"" //tab选项文本

}] //tab页的集合

borderStyle:"black/white"//tab栏上边框颜色

position:"top/bottom" //tab页对齐方式

request:10000 //wx.request的超时时间,ms

connectSocket:10000 //wx.connectSocket的超时时间,ms

uploadFile:10000//wx.uploadFile的超时时间,ms

downloadFile:10000 //wx.downloadFile的超时时间,ms

调试信息有Page的注册页面路由数据更新事件触发

这篇关于微信小程序开发(二)小程序全局配置app.json的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/1130219

相关文章

windows系统上如何进行maven安装和配置方式

《windows系统上如何进行maven安装和配置方式》:本文主要介绍windows系统上如何进行maven安装和配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录1. Maven 简介2. maven的下载与安装2.1 下载 Maven2.2 Maven安装2.

Apache 高级配置实战之从连接保持到日志分析的完整指南

《Apache高级配置实战之从连接保持到日志分析的完整指南》本文带你从连接保持优化开始,一路走到访问控制和日志管理,最后用AWStats来分析网站数据,对Apache配置日志分析相关知识感兴趣的朋友... 目录Apache 高级配置实战:从连接保持到日志分析的完整指南前言 一、Apache 连接保持 - 性

MySQL 安装配置超完整教程

《MySQL安装配置超完整教程》MySQL是一款广泛使用的开源关系型数据库管理系统(RDBMS),由瑞典MySQLAB公司开发,目前属于Oracle公司旗下产品,:本文主要介绍MySQL安装配置... 目录一、mysql 简介二、下载 MySQL三、安装 MySQL四、配置环境变量五、配置 MySQL5.1

mybatis的mapper对应的xml写法及配置详解

《mybatis的mapper对应的xml写法及配置详解》这篇文章给大家介绍mybatis的mapper对应的xml写法及配置详解,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,... 目录前置mapper 对应 XML 基础配置mapper 对应 xml 复杂配置Mapper 中的相

Python程序的文件头部声明小结

《Python程序的文件头部声明小结》在Python文件的顶部声明编码通常是必须的,尤其是在处理非ASCII字符时,下面就来介绍一下两种头部文件声明,具有一定的参考价值,感兴趣的可以了解一下... 目录一、# coding=utf-8二、#!/usr/bin/env python三、运行Python程序四、

Spring Security介绍及配置实现代码

《SpringSecurity介绍及配置实现代码》SpringSecurity是一个功能强大的Java安全框架,它提供了全面的安全认证(Authentication)和授权(Authorizatio... 目录简介Spring Security配置配置实现代码简介Spring Security是一个功能强

SpringCloud使用Nacos 配置中心实现配置自动刷新功能使用

《SpringCloud使用Nacos配置中心实现配置自动刷新功能使用》SpringCloud项目中使用Nacos作为配置中心可以方便开发及运维人员随时查看配置信息,及配置共享,并且Nacos支持配... 目录前言一、Nacos中集中配置方式?二、使用步骤1.使用$Value 注解2.使用@Configur

如何基于Python开发一个微信自动化工具

《如何基于Python开发一个微信自动化工具》在当今数字化办公场景中,自动化工具已成为提升工作效率的利器,本文将深入剖析一个基于Python的微信自动化工具开发全过程,有需要的小伙伴可以了解下... 目录概述功能全景1. 核心功能模块2. 特色功能效果展示1. 主界面概览2. 定时任务配置3. 操作日志演示

qtcreater配置opencv遇到的坑及实践记录

《qtcreater配置opencv遇到的坑及实践记录》我配置opencv不管是按照网上的教程还是deepseek发现都有些问题,下面是我的配置方法以及实践成功的心得,感兴趣的朋友跟随小编一起看看吧... 目录电脑环境下载环境变量配置qmake加入外部库测试配置我配置opencv不管是按照网上的教程还是de

Logback在SpringBoot中的详细配置教程

《Logback在SpringBoot中的详细配置教程》SpringBoot默认会加载classpath下的logback-spring.xml(推荐)或logback.xml作为Logback的配置... 目录1. Logback 配置文件2. 基础配置示例3. 关键配置项说明Appender(日志输出器