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

微信小程序页面配置

news 文章来源：https://blog.csdn.net/m0_74599628/article/details/139593499 2025/1/13 7:38:56

页面配置

小程序的配置可以配置页面路径、窗口表现、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

【简单讲解Perl语言】

&#x1f3a5;博主&#xff1a;程序员不想YY啊 &#x1f4ab;CSDN优质创作者&#xff0c;CSDN实力新星&#xff0c;CSDN博客专家 &#x1f917;点赞&#x1f388;收藏⭐再看&#x1f4ab;养成习惯 ✨希望本文对您有所裨益&#xff0c;如有不足之处&#xff0c;欢迎在评论区提出…...

编程日记 2024/6/12 5:41:56

专硕初试科目一样，但各专业的复试线差距不小！江南大学计算机考研考情分析！

江南大学物联网工程学院&#xff0c;是由江南大学信息工程学院和江南大学通信与控制工程学院&#xff0c;于2009年合并组建成立“物联网工程学院”&#xff0c;也是全国第一个物联网工程学院。 江南大学数字媒体学院是以江南大学设计学院动画系和信息工程学院数字媒体技术系为…...

编程日记 2024/6/12 5:40:55

“华为Ascend 910B AI芯片挑战NVIDIA A100：效能比肩，市场角逐加剧“

华为自主研发的人工智能芯片——Ascend 910B&#xff0c;近期在世界半导体大会及南京国际半导体博览会上由华为ICT基础设施管理委员会执行董事、主任王涛发表声明称&#xff0c;该芯片在训练大规模语言模型时的效率高达80%&#xff0c;与NVIDIA的A100相比毫不逊色&#xff0c;且…...

编程日记 2024/6/12 5:36:51

针对多智能体协作框架的元编程——METAGPT

M ETA GPT: M ETA P ROGRAMMING FOR M ULTI -A GENT COLLABORATIVE F RAMEWORK 1.概述 现有的多智能体系统主要面临以下问题&#xff1a; 复杂性处理不足&#xff1a;传统的多智能体系统主要关注简单任务&#xff0c;对于复杂任务的处理能力有限&#xff0c;缺乏深入探索和…...

编程日记 2024/6/12 5:35:51

Django自定义CSS

创建一个CSS文件&#xff08;例如admin_custom.css&#xff09;&#xff0c;并在其中添加针对你希望修改的字段的CSS规则。在你的Django项目的settings.py文件中&#xff0c;添加自定义CSS文件的路径到STATICFILES_DIRS。 # settings.py STATICFILES_DIRS [ os.path.join(BA…...

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

Rust基础学习-标准库

栈和堆是我们Rust代码在运行时可以使用的内存部分。Rust是一种内存安全的编程语言。为了确保Rust是内存安全的&#xff0c;它引入了所有权、引用和借用等概念。要理解这些概念&#xff0c;我们必须首先了解如何在栈和堆中分配和释放内存。 栈 栈可以被看作一堆书。当我们添加更…...

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

django连接达梦数据库

为了在Django中连接达梦数据库&#xff0c;你需要确保你有达梦的数据库驱动。Django默认支持的数据库有PostgreSQL, MySQL, SQLite, Oracle等&#xff0c;但不包括达梦数据库。不过&#xff0c;对于大多数数据库&#xff0c;Django的数据库API是通用的&#xff0c;你可以通过第…...

编程日记 2024/6/12 5:31:47

Python深度学习基于Tensorflow（17）基于Transformer的图像处理实例VIT和Swin-T

文章目录 VIT 模型搭建Swin-T 模型搭建参考 这里使用 VIT 和 Swin-T 在数据集 cifar10 上进行训练 VIT 模型搭建 导入需要的外部库 import numpy as np import tensorflow as tf import matplotlib.pyplot as plt import matplotlib.gridspec as gridspec这里我们接着使用 ci…...

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

树莓派4B_OpenCv学习笔记5:读取窗口鼠标状态坐标_TrackBar滑动条控件的使用

今日继续学习树莓派4B 4G&#xff1a;&#xff08;Raspberry Pi&#xff0c;简称RPi或RasPi&#xff09; 本人所用树莓派4B 装载的系统与版本如下: 版本可用命令 (lsb_release -a) 查询: Opencv 版本是4.5.1&#xff1a; 今日学习:读取窗口鼠标状态坐标_TrackBar滑动条控件的使…...

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

c、c#、c++嵌入式比较？

嵌入式系统是专门设计用于特定用途的计算机系统&#xff0c;通常用于控制、监视或执行特定任务。这些系统通常具有严格的资源限制&#xff0c;如内存、处理器速度和能耗。因此&#xff0c;在选择编程语言时&#xff0c;需要考虑到这些限制以及系统的特性。 对于嵌入式系统&…...

编程日记 2024/6/12 5:26:41

wordpress头像尺寸/搜索引擎排名优化seo课后题

目录 前言 消息队列 搜索引擎 缓存 分库分表 读写分离 分布式系统 系统拆分 分布式服务框架 分布式锁 分布式事务 分布式会话 高可用架构 高可用系统 限流 熔断 降级 数据库CRUD操作 1.删除表 drop table 表名称 2.修改表 3.删除数据库 CRUD操作 1、…...

编程日记 2025/1/13 5:48:33

免费教育网站建设/北京seo公司司

昨天通过CCNA考试,961分pass,还算幸运实验题不多,两道,单选居多.考完之后,没有太多的惊喜与兴奋,因为他并没改变我多少,那只是另一个起点的开始.题库还是433Q或是鸿鹄论坛的V104,没有问题.转载于:https://blog.51cto.com/lanyue/504146...

编程日记 2025/1/13 5:32:23

合同范本的网站/最新新闻热点素材

在绝大多数情况下&#xff0c;Mysql索引都是基于B树的&#xff0c;而索引可以提高数据查询的效率。但是Mysql是如何利用B树进行查询的呢&#xff1f;索引的作用只是提高查询效率吗&#xff1f;Mysql中的BTree索引假设有一张教师表&#xff0c;里面有教师编号、名字、学科、薪资…...

编程日记 2025/1/12 21:34:57

wordpress设置安全/成都网站seo外包

2019独角兽企业重金招聘Python工程师标准>>> 对工具类的功能来说&#xff0c;与其在微信中找各种接口不如直接调用其他wap站更好&#xff0c;&#xff08;http://r2.mo.baidu.com/webapp_html.php?version4_0&fnwebpage_flash&#xff09;有一些wap站可以参考&…...

编程日记 2025/1/12 19:53:20

网站上的验证码怎么做的/天津seo外包团队

在python中用于生成随机数的模块是random,在使用前需要import, 下面看下它的用法。random.randomrandom.random()用于生成一个0到1的随机符点数: 0 < n < 1.0注意&#xff1a; 以下代码在Python3.5下测试通过&#xff0c; python2版本可稍加修改描述random() 方法返回随机…...

编程日记 2025/1/12 19:08:32

wordpress怎么安装上服务器/百度一下百度一下你知道

笔者使用代码及相关文件下载链接: 【源代码文件】pytorch-grad-cam源代码阅读和调试 源代码链接: jacobgil/pytorch-grad-cam pytorch-grad-cam源代码阅读和调试(上) pytorch-grad-cam源代码阅读和调试(中) pytorch-grad-cam源代码阅读和调试(下) 代码改进自定义一个类Guide…...

编程日记 2025/1/12 13:08:01