当前位置： 首页 > news >正文

微信小程序页面配置

news 2026/2/8 3:42:21

页面配置

小程序的配置可以配置页面路径、窗口表现、tabBar等，分为全局配置和页面配置，全局配置针对所有页面生效，页面配置只针对当前页生效。

全局配置 (app.json)

(1) 路径配置

pages 配置页面路径，未配置路径的页面无法被访问到

技巧 : 创建一个页面文件时, 在pages中添加一个配置项, 小程序开发工具自动把文件创建出来,不需要手动创建

//app.json 中
{"pages": ["pages/index/index","pages/home/home","pages/info/info",],
}

(2) 起始页配置

entryPath 配置小程序默认的启动页面（首页） 如果不填，将默认为 pages 列表的第一项

 {"entryPagePath": "pages/home/home",}

(3) window窗口配置

window 用于设置小程序的状态栏、导航条、标题、窗口背景色。

 "window": {"enablePullDownRefresh": true,//窗口配置"backgroundColor": "#eee","backgroundTextStyle": "dark",//导航栏的配置  "navigationBarBackgroundColor": "#FFA500", "navigationBarTextStyle": "white","navigationBarTitleText": "我的小程序","navigationStyle": "default"},

窗口的配置

  • backgroundColor 窗口的背景色

导航栏的配置

  • navigationBarBackgroundColor 导航栏背景颜色 (颜色是十六进制)

  • navigationBarTextStyle 导航栏标题颜色，仅支持 black / white

  • navigationBarTitleText 导航栏标题文字内容

  • navigationStyle 导航栏样式，仅支持以下值: default 默认样式 custom 自定义导航栏

下拉刷新的配置

  • backgroundTextStyle 下拉 loading 的样式，仅支持 dark / light
  • enablePullDownRefresh 是否开启全局的下拉刷新。

(4) tabBar 配置

tabBar 底部 Tab 栏（tabBar 中的页面必须配置在 pages 中）

 "tabBar": {"color": "#999","selectedColor": "#5792AF","backgroundColor": "#e0e0e0","borderStyle": "white","position": "bottom","list": [{"pagePath": "pages/home/home","text": "我的","iconPath": "/assets/icon/home.png","selectedIconPath": "/assets/icon/home-active.png"},]},
  • color 文字颜色，仅支持十六进制颜色
  • selectedColor 文字选中时的颜色，仅支持十六进制颜色
  • backgroundColor tab 的背景色，仅支持十六进制颜色
  • borderStyle tabbar上边框的颜色 , 仅支持 black / white
  • list tabBar 页面跳转的路径和图标配置
  • pagePath 跳转的页面路径
  • text tabBar 上按钮文字
  • iconPath 图片路径 icon 大小限制为 40kb，不支持网络图片。 当 position 为 top 时，不显示 icon。
  • selectedIconPath 选中时的图片路径
  • position tabBar 的位置，仅支持 bottom / top
页面配置

页面配置大部分与全局配置中的 window 是重叠的，页面配置的优先级大于全局配置的。

  • disableScroll 只能用在在页面配置中，禁用页面滚动
  • usingComponents 后续学到自定义组件时再介绍

相关文章：

微信小程序页面配置

页面配置 小程序的配置可以配置页面路径、窗口表现、tabBar等，分为全局配置和页面配置，全局配置针对所有页面生效，页面配置只针对当前页生效。 全局配置 (app.json) (1) 路径配置 pages 配置页面路径，未配置路径的页面无法被访…...

编程日记 2024/6/12 6:18:50

如何将JPG/PNG位图免费快速一键转换成SVG格式的矢量图

环境： JPG/PNG位图 问题描述： 如何将JPG/PNG位图快速一键转换成SVG格式的矢量图 解决方案： 是一个人工智能驱动的图片转换工具，可以帮助用户将」JPG/PNG位图快速转换成SVG格式的矢量图，方便设计人员对图片进行二次…...

编程日记 2024/6/12 6:17:42

YOLO检测环境安装配置

YOLO介绍 YOLO学习手册：YOLO教程 YOLO [ˈjoʊloʊ]（You Only Look Once）是一种快速而准确的目标检测算法，由Joseph Redmon等人在2016年提出。YOLO被广泛应用于计算机视觉领域，包括实时视频分析、自动驾驶、安防监控、…...

编程日记 2024/6/12 6:16:35

NOSQL -- ES

第三个我们比较常用的NOSQL类型的数据库 --- ES 介绍: ES的全称(Elasticsearch) ES是一个分布式全文搜索的引擎 也就是我们平常在购物, 搜索东西的时候常用的, 就是一个ES的类型, 分布式全文搜索引擎 查询原理: 1>分词: 在查询之前, 其会将一些数据拆分开, 按照词进行拆分…...

编程日记 2024/6/12 6:15:34

【Python基础】名称空间和作用域

1.名称空间 将栈区进行分类，这些分类就是名称空间 名称空间存放什么名字空间个数何时创建&销毁内置名称空间built-inPython解释器内置的名字1个Python解释器启动&解释器关闭 全局名称空间 global Python文件内定义的类名，变量名，模块…...

编程日记 2024/6/12 6:13:32

安全智能预警软件有人试图窃取会立即发出高分贝警报已解锁VIP功能

一款手机安全智能预警软件，无论是网吧还是餐馆小聚，您的手机都能得到贴心的守护，一旦有人试图窃取，应用会立即发出高分贝警报，确保您在公交、地铁、商场等拥挤环境中依然能牢牢掌控手机。（解锁专业版&#…...

编程日记 2024/6/12 6:11:30

DeepSORT（目标跟踪算法）中自由度决定卡方分布的形状

DeepSORT（目标跟踪算法）中自由度决定卡方分布的形状 flyfish 重要的两个点 自由度决定卡方分布的形状（本文） 马氏距离的平方在多维正态分布下服从自由度为 k 的卡方分布 独立的信息 在统计学中，独立的信息是指数据…...

编程日记 2024/6/12 6:10:28

cordic IP核中，sin and cos的使用

参考视频：FPGA IP之CORDIC_哔哩哔哩_bilibili FPGA IP之CORDIC使用与仿真_哔哩哔哩_bilibili 一、参数说明 functional selection rotate是旋转，sin and cos是计算这两个三角函数，sinh和cosh是计算双曲正弦和双曲余弦 phase format 对于…...

编程日记 2024/6/12 6:09:27

SpringSecurity入门（三）

12、密码加密 12.1、不指定具体加密方式，通过DelegatingPasswordEncoder，根据前缀自动选择 PasswordEncoder passwordEncoder PasswordEncoderFactories.createDelegatingPasswordEncoder();12.2、指定具体加密方式 // Create an encoder with streng…...

编程日记 2024/6/12 6:08:26

luogu-P10570 [JRKSJ R8] 网球

题目传送门： [JRKSJ R8] 网球 - 洛谷https://www.luogu.com.cn/problem/P10570 解题思路 数学问题，暴力这个范围会超时。 首先，找出这两个数的最大公因数，将这两个数分别除以最大公因数，则这两个数互质，判…...

编程日记 2024/6/12 6:07:25

ASP.NET的WebService跨域CORS问题解决方案

ASP.NET WebService 跨域（CORS, Cross-Origin Resource Sharing）问题通常发生在当您尝试从不同的源（域名、协议或端口）调用 WebService 时。浏览器由于安全原因，默认会阻止此类跨域请求。为了解决这个问题，您需要在 WebService 服务器端配置 CORS。 以下是在 ASP.NET We…...

编程日记 2024/6/12 6:06:24

大众点评全国爱车店铺POI采集177万家-2024年5月底

大众点评全国爱车店铺POI采集177万家-2024年5月底 店铺POI点位示例： 店铺id H69Y6l1Ixs2jLGg2 店铺名称 HEEJOO豪爵足道(伍家店) 十分制服务评分 7.7 十分制环境评分 7.7 十分制划算评分 7.7 人均价格 134 评价数量 2982 店铺地址 桔城路2号盛景商业广场1-3…...

编程日记 2024/6/12 6:05:23

【文献阅读】LORA: LOW-RANK ADAPTATION OF LARGE LANGUAGE MODELS

目录 1. motivation2. overall3. model3.1 low rank parametrized update matrices3.2 applying lora to transformer 4. limitation5. experiment6. 代码7. 补充参考文献 1. motivation 常规的adaptation需要的微调成本过大现有方法的不足： Adapter Layers Introd…...

编程日记 2024/6/12 6:04:22

Rust学习06:使用CSDN的AI工具“C知道”分析代码错误

朋友们，我最近真的是在绝望的边缘了！ Rust咋这么蓝涅！ 资料咋这们少涅！ 记得学Python的时候，基本上你遇到的所有问题都可以在书上或者网上找到答案，中文世界找不到那么在英文世界一定能找到答案。 我猜&…...

编程日记 2024/6/12 6:03:21

MeiliSearch-轻量级且美丽的搜索引擎

MeiliSearch-轻量级且美丽的搜索引擎 MeiliSearch 是一个功能强大、快速、开源、易于使用和部署的搜索引擎。它具有以下特点： 支持中文搜索：MeiliSearch 对中文有良好的支持，不需要额外的配置。高度可定制：搜索和索引都可以高度…...

编程日记 2024/6/12 6:02:20

python使用wkhtmltopdf将html字符串保存pdf，解决出现方框的问题

出现的问题&#xff1a; 解决办法&#xff1a; <html> <head><meta charset"UTF-8"/> </head> <style> * {font-family: Arial,SimSun !important; } </style> </html>在html字符串前面加上上面代码&#xff0c;意思是设…...

编程日记 2024/6/12 5:52:10

Java练习题

题目&#xff1a; 1. 定义长方体类Cuboid&#xff0c;要求如下&#xff1a;&#xff08;1&#xff09;私有成员变量包括长length、宽width和高height&#xff1b;&#xff08;2&#xff09;构造方法包括一个公共的空构造方法&#xff0c;一个能够初始化所有成员变量的构造方法…...

编程日记 2024/6/12 5:49:06

【Python/Pytorch - 网络模型】-- 手把手搭建U-Net模型

文章目录 文章目录 00 写在前面01 基于Pytorch版本的UNet代码02 论文下载 00 写在前面 通过U-Net代码学习&#xff0c;可以学习基于Pytorch的网络结构模块化编程&#xff0c;对于后续学习其他更复杂网络模型&#xff0c;有很大的帮助作用。 在01中&#xff0c;可以根据U-Net…...

编程日记 2024/6/12 5:48:05

Ansible-doc 命令

目录 常用参数 基本用法 查看指定模块的文档 列出所有可用模块 搜索模块 显示模块参数的简单列表 显示详细的说明和示例 详细示例 查看 file 模块的文档 简略查看 copy 模块的参数 ansible-doc 是 Ansible 中的一个非常有用的命令行工具&#xff0c;它可以帮助你查找…...

编程日记 2024/6/12 5:46:00

面试题：什么是线程的上下文切换？

线程的上下文切换是指在操作系统中&#xff0c;CPU从执行一个线程的任务切换到执行另一个线程任务的过程。在现代操作系统中&#xff0c;为了实现多任务处理和充分利用CPU资源&#xff0c;会同时管理多个线程的执行。由于CPU在任意时刻只能执行一个线程&#xff0c;因此需要在这…...

编程日记 2024/6/12 5:43:58

装饰模式（Decorator Pattern）重构java邮件发奖系统实战

前言 现在我们有个如下的需求&#xff0c;设计一个邮件发奖的小系统&#xff0c; 需求 1.数据验证 → 2. 敏感信息加密 → 3. 日志记录 → 4. 实际发送邮件 装饰器模式&#xff08;Decorator Pattern&#xff09;允许向一个现有的对象添加新的功能&#xff0c;同时又不改变其…...

编程新知 2026/2/1 21:34:47

【Linux】C语言执行shell指令

在C语言中执行Shell指令 在C语言中&#xff0c;有几种方法可以执行Shell指令&#xff1a; 1. 使用system()函数 这是最简单的方法&#xff0c;包含在stdlib.h头文件中&#xff1a; #include <stdlib.h>int main() {system("ls -l"); // 执行ls -l命令retu…...

编程新知 2025/11/20 18:42:48

剑指offer20_链表中环的入口节点

链表中环的入口节点 给定一个链表&#xff0c;若其中包含环&#xff0c;则输出环的入口节点。 若其中不包含环&#xff0c;则输出null。 数据范围 节点 val 值取值范围 [ 1 , 1000 ] [1,1000] [1,1000]。 节点 val 值各不相同。 链表长度 [ 0 , 500 ] [0,500] [0,500]。 …...

编程新知 2026/1/31 6:09:22

WEB3全栈开发——面试专业技能点P2智能合约开发（Solidity）

一、Solidity合约开发 下面是 Solidity 合约开发 的概念、代码示例及讲解&#xff0c;适合用作学习或写简历项目背景说明。 &#x1f9e0; 一、概念简介&#xff1a;Solidity 合约开发 Solidity 是一种专门为 以太坊&#xff08;Ethereum&#xff09;平台编写智能合约的高级编…...

编程新知 2026/1/27 9:33:09

AspectJ 在 Android 中的完整使用指南

一、环境配置&#xff08;Gradle 7.0 适配&#xff09; 1. 项目级 build.gradle // 注意&#xff1a;沪江插件已停更&#xff0c;推荐官方兼容方案 buildscript {dependencies {classpath org.aspectj:aspectjtools:1.9.9.1 // AspectJ 工具} } 2. 模块级 build.gradle plu…...

编程新知 2025/7/7 22:33:57

【JVM】Java虚拟机（二）——垃圾回收

目录 一、如何判断对象可以回收 &#xff08;一&#xff09;引用计数法 &#xff08;二&#xff09;可达性分析算法 二、垃圾回收算法 &#xff08;一&#xff09;标记清除 &#xff08;二&#xff09;标记整理 &#xff08;三&#xff09;复制 &#xff08;四&#xff…...

编程新知 2026/1/31 9:49:23

宇树科技，改名了！

提到国内具身智能和机器人领域的代表企业&#xff0c;那宇树科技&#xff08;Unitree&#xff09;必须名列其榜。 最近&#xff0c;宇树科技的一项新变动消息在业界引发了不少关注和讨论&#xff0c;即&#xff1a; 宇树向其合作伙伴发布了一封公司名称变更函称&#xff0c;因…...

编程新知 2026/1/28 9:44:45

uniapp 开发ios， xcode 提交app store connect 和 testflight内测

uniapp 中配置 配置manifest 文档&#xff1a;manifest.json 应用配置 | uni-app官网 hbuilderx中本地打包 下载IOS最新SDK 开发环境 | uni小程序SDK hbulderx 版本号&#xff1a;4.66 对应的sdk版本 4.66 两者必须一致 本地打包的资源导入到SDK 导入资源 | uni小程序SDK …...

编程新知 2026/1/31 8:35:07

TSN交换机正在重构工业网络，PROFINET和EtherCAT会被取代吗？

在工业自动化持续演进的今天&#xff0c;通信网络的角色正变得愈发关键。 2025年6月6日&#xff0c;为期三天的华南国际工业博览会在深圳国际会展中心&#xff08;宝安&#xff09;圆满落幕。作为国内工业通信领域的技术型企业&#xff0c;光路科技&#xff08;Fiberroad&…...

编程新知 2026/1/26 5:57:43

k8s从入门到放弃之HPA控制器

k8s从入门到放弃之HPA控制器 Kubernetes中的Horizontal Pod Autoscaler (HPA)控制器是一种用于自动扩展部署、副本集或复制控制器中Pod数量的机制。它可以根据观察到的CPU利用率&#xff08;或其他自定义指标&#xff09;来调整这些对象的规模&#xff0c;从而帮助应用程序在负…...

编程新知 2025/10/30 1:59:28