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

小程序中的全局配置以及常用的配置项(window,tabBar)

news 2026/5/13 7:42:13

全局配置文件和常用的配置项

    app.json:

        pages:是一个数组，用于记录当前小程序所有页面的存放路径，可以通过它来创建页面

        window:全局设置小程序窗口的外观(导航栏，背景，页面的主体)

        tabBar:设置小程序底部的 tabBar效果

        style:是否启用最新版的组件样式

 

 window配置项

        导航栏的配置：

      我们可以看到导航栏默认为白色背景黑色字体，我们通过window配置项来修改导航栏的背景为#ff0000(红色)，字体颜色为white

       全局开启下拉刷新的功能：

"enablePullDownRefresh": true

         设置下拉背景的颜色和样式：

     "backgroundTextStyle":"dark","backgroundColor": "#efefef"

       设置上拉触底的距离(默认50px)

"onReachBottomDistance": 100

 

什么是 tabBar:

        tabBar是移动端应用常见的页面效果，用于实现多页面的快速切换，有底部和顶部的区分，最小要配置2个，最多能配置5个tab页签，顶部的tabBar只会显示文本

tabBar的组成:

 
backgroundColor 背景色 
selectedIconPath选中时的图片路径
borderStyle上边框颜色
iconPath未选中时图片路径
selectedColor文字选中时候的颜色
color默认颜色

配置tabBar:

1.创建三个页面，在pages中创建,tabBar的页签必须要放在pages中的前面

    "pages/home/home","pages/msg/msg","pages/contact/contact",

 2.创建tabBar，和window同级

  "tabBar": {"list": [{"pagePath": "pages/home/home","text": "首页"},{"pagePath": "pages/msg/msg","text": "消息" },{"pagePath": "pages/contact/contact","text": "联系我" }]},

 

相关文章：

小程序中的全局配置以及常用的配置项(window,tabBar)

全局配置文件和常用的配置项 app.json: pages:是一个数组，用于记录当前小程序所有页面的存放路径，可以通过它来创建页面 window:全局设置小程序窗口的外观(导航栏，背景，页面的主体) tabBar:设置小程序底部的 tabBar效果 style:是否…...

编程日记 2023/8/27 0:53:37

数据工厂调研及结果展示

数据工厂 一、背景 在开发自测、测试迭代测试、产品验收的过程中，都需要各种各样的前置数据，大致分为如下几类： 账号（实名、权益等级、注册等） 货源（优货、急走、相似、一手、普通货源等） …...

编程日记 2023/8/27 0:52:36

抓包相关,抓包学习

检查网络流量 - 提琴手经典 (telerik.com) Headers Reference - Fiddler Classic (telerik.com) 以上是fiddler官方文档 F12要勾选保留日志 不勾选的话跳转到新页面之前页面的日志不会在下方显示 会保留所有抓到的包 如果重定向到别的页面 F12抓包可能看不到响应信息,但是…...

编程日记 2023/8/27 0:51:34

云原生之使用Docker部署SSCMS内容管理系统

云原生之使用Docker部署SSCMS内容管理系统 一、SSCMS介绍二、本地环境介绍2.1 本地环境规划2.2 本次实践介绍 三、本地环境检查3.1 检查Docker服务状态3.2 检查Docker版本3.3 检查docker compose 版本 四、下载SSCMS镜像五、部署SSCMS内容管理系统5.1 创建SSCMS容器5.2 检查SSC…...

编程日记 2023/8/27 0:50:33

uniapp -- 在组件中拿到pages.json下pages设置navigationBarTitleText这个值？

1:在 pages.json 文件中设置 navigationBarTitleText，例如： {"pages": [{"path": "pages/home/index","style": {"navigationBarTitleText": "首页",&...

编程日记 2023/8/27 0:49:32

Java获取环境变量和运行时环境信息和自定义配置信息

System.getenv() 获取系统环境变量 public static void main1() {Map<String, String> envMap System.getenv();envMap.entrySet().forEach(x-> System.out.println(x.getKey() "" x.getValue())); } System.getenv() 获取的是操作系统环境变量列表&…...

编程日记 2023/8/27 0:48:30

React入门 组件学习笔记

项目页面以组件形式层层搭起来&#xff0c;组件提高复用性&#xff0c;可维护性 目录 一、函数组件 二、类组件 三、 组件的事件绑定 四、获取事件对象 五、事件绑定传递额外参数 六、组件状态 初始化状态 读取状态 修改状态 七、组件-状态修改counter案例 八、this问…...

编程日记 2023/8/27 0:47:27

Windows商店引入SUSE Linux Enterprise Server和openSUSE Leap

在上个月的Build 2017开发者大会上&#xff0c;微软宣布将SUSE&#xff0c;Ubuntu和Fedora引入Windows 商店&#xff0c;反应出微软对开放源码社区的更多承诺。 该公司去年以铂金会员身份加入Linux基金会。现在&#xff0c;微软针对内测者的Windows商店已经开始提供 部分Linux发…...

编程日记 2023/8/27 0:46:26

[NLP]深入理解 Megatron-LM

一. 导读 NVIDIA Megatron-LM 是一个基于 PyTorch 的分布式训练框架&#xff0c;用来训练基于Transformer的大型语言模型。Megatron-LM 综合应用了数据并行&#xff08;Data Parallelism&#xff09;&#xff0c;张量并行&#xff08;Tensor Parallelism&#xff09;和流水线并…...

编程日记 2023/8/27 0:45:25

软考高级系统架构设计师系列论文七十八：论软件产品线技术

软考高级系统架构设计师系列论文七十八：论软件产品线技术 一、摘要二、正文三、总结一、摘要 本人作为某软件公司负责人之一，通过对位于几个省的国家甲级、乙级、丙级设计院的考查和了解，我决定采用软件产品线方式开发系列《设计院信息管理平台》产品。该产品线开发主要有如…...

编程日记 2023/8/27 0:44:24

yolov5中添加ShuffleAttention注意力机制

ShuffleAttention注意力机制简介 关于ShuffleAttention注意力机制的原理这里不再详细解释.论文参考如下链接here   yolov5中添加注意力机制 注意力机制分为接收通道数和不接受通道数两种。这次属于接受通道数注意力机制，这种注意力机制由于有通道数要求，所示我们添加的时候…...

编程日记 2023/8/27 0:43:22

Effective C++条款17——以独立语句将newed 对象置入智能指针（资源管理）

假设我们有个函数用来揭示处理程序的优先权&#xff0c;另一个函数用来在某动态分配所得的widget上进行某些带有优先权的处理: void priority(); void processWidget(std::tr1::shared_ptr<Widget>pw, int priority);由于谨记“以对象管理资源”&#xff08;条款13&…...

编程日记 2023/8/27 0:42:20

奇迹MU服务器如何选择配置？奇迹MU服务器租用

不同的服务器&#xff0c;根据其特点与性能适用于不同的应用场景&#xff0c;为了让你们更好的理解&#xff0c;我们对服务器进行了分类归纳&#xff0c;结合了服务器不同的特点以及价位进行一个区分&#xff0c;帮助我们更好的选择合适的服务器配置。 VPS服务器 VPS服务器又…...

编程日记 2023/8/27 0:41:19

如何远程管理服务器详解

文章目录 前言一、远程管理类型二、远程桌面三、telnet 命令行远程四、查看本地开放端口 前言 很多公司是有自己的机房的&#xff0c;机房里面会有若干个服务器为员工和用户提供服务。大家可以想想&#xff1a;假设这家公司有上百台服务器&#xff0c;我们作为网络工程师&…...

编程日记 2023/8/27 0:40:15

JavaScript——为什么静态方法不能调用非静态方法

个人简介 &#x1f440;个人主页&#xff1a; 前端杂货铺 &#x1f64b;‍♂️学习方向&#xff1a; 主攻前端方向&#xff0c;正逐渐往全干发展 &#x1f4c3;个人状态&#xff1a; 研发工程师&#xff0c;现效力于中国工业软件事业 &#x1f680;人生格言&#xff1a; 积跬步…...

编程日记 2023/8/27 0:39:14

Python实现常见的排序算法

当涉及到排序算法时&#xff0c;一些常见的排序算法包括插入排序、选择排序、冒泡排序、快速排序、归并排序和堆排序。以下是使用Python实现这些常见排序算法的示例代码&#xff1a; 插入排序&#xff08;Insertion Sort&#xff09;&#xff1a; def insertionSort(arr):for…...

编程日记 2023/8/27 0:38:13

【git】fatal: refusing to merge unrelated histories

在一次重新初始化本地仓库后&#xff0c;拉取远程仓库时提示&#xff1a; fatal: refusing to merge unrelated histories 在“fatal: refusing to merge unrelated histories”&#xff08;即&#xff0c;不知道彼此的存在&#xff0c;并已不匹配的项目提交历史&#xff09;…...

编程日记 2023/8/27 0:37:12

在编辑器中使用正则

正则是一种文本处理工具&#xff0c;常见的功能有文本验证、文本提取、文本替换、文本切割等。有一些地方说的正则匹配&#xff0c;其实是包括了校验和提取两个功能。 校验常用于验证整个文本的组成是不是符合规则&#xff0c;比如密码规则校验。提取则是从大段的文本中抽取出…...

编程日记 2023/8/27 0:36:11

【Linux】腾讯云服务器（Linux版）如果获取UUID（通用唯一标识符）

1、通过命令获取 sudo /usr/local/qcloud/YunJing/YDEyes/YDService -uuid -v2、通过API获取 curl http://metadata.tencentyun.com/latest/meta-data/uuid3、获取实例唯一ID curl http://metadata.tencentyun.com/latest/meta-data/instance-id4、实例元数据 实例元数据包…...

编程日记 2023/8/27 0:35:10

CSerialPort教程4.3.x (4) - CSerialPort在QT中的使用

CSerialPort教程4.3.x (4) - CSerialPort在QT中的使用 环境&#xff1a; QT: 5.6.3前言 CSerialPort项目是一个基于C/C的轻量级开源跨平台串口类库&#xff0c;可以轻松实现跨平台多操作系统的串口读写&#xff0c;同时还支持C#, Java, Python, Node.js等。 CSerialPort项目…...

编程日记 2023/8/27 0:34:06

成都道路救援电话选择哪家

在成都这座繁华的都市中&#xff0c;车辆行驶难免会遇到突发状况&#xff0c;如机械故障、爆胎、电瓶亏电或交通事故。当困境来临时&#xff0c;一个可靠的道路救援电话显得尤为关键。随着汽车保有量的攀升&#xff0c;成都救援服务市场也日益成熟&#xff0c;但如何从众多选择…...

编程新知 2026/5/13 7:21:27

基于 DWT 的盲数字水印实现（嵌入与提取）

一、原理 盲数字水印&#xff08;Blind Watermarking&#xff09;指提取水印时无需原始载体图像&#xff0c;仅依靠含水印图像和密钥即可完成。 DWT&#xff08;离散小波变换&#xff09; 将图像分解为&#xff1a; LL&#xff1a;低频近似分量&#xff08;能量集中&#xff0c…...

编程新知 2026/5/13 6:56:44

GPU工作负载分析与系统优化实践

1. GPU工作负载分析&#xff1a;从硬件计数器到系统优化在当今高性能计算&#xff08;HPC&#xff09;领域&#xff0c;GPU加速集群和超级计算机已成为不可或缺的计算资源。随着GPU硬件性能的不断提升&#xff0c;其暴露的硬件计数器也日益丰富&#xff0c;为深入理解GPU工作负…...

编程新知 2026/5/13 5:42:46

repo2txt：从Git仓库到结构化文本的自动化提取工具详解

1. 项目概述&#xff1a;从代码仓库到纯文本的自动化提取最近在整理个人技术笔记和搭建内部知识库时&#xff0c;我遇到了一个挺普遍但有点烦人的问题&#xff1a;如何把分散在多个Git仓库里的代码、文档和配置文件&#xff0c;快速、完整地转换成结构清晰的纯文本文件&#xf…...

编程新知 2026/5/13 5:21:13

抖音无水印下载器：终极免费批量下载工具完全指南

抖音无水印下载器&#xff1a;终极免费批量下载工具完全指南 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser fallback support. 抖…...

编程新知 2026/5/13 4:59:45

Shoelace自动加载器：终极懒加载Web组件完整指南 [特殊字符]

Shoelace自动加载器&#xff1a;终极懒加载Web组件完整指南 &#x1f680; 【免费下载链接】shoelace Shoelace is now Web Awesome. Come see what’s new! 项目地址: https://gitcode.com/gh_mirrors/sh/shoelace Shoelace自动加载器是Shoelace Web组件库中一个革命性…...

编程新知 2026/5/13 4:51:24

FinRL_Podracer：基于深度强化学习的高性能量化交易框架解析

1. 项目概述&#xff1a;当强化学习遇上量化交易最近几年&#xff0c;量化交易圈子里有个词儿越来越热&#xff0c;那就是“强化学习”。你可能听说过AlphaGo下围棋&#xff0c;或者AI在星际争霸里打败人类高手&#xff0c;这些背后都是强化学习在发力。简单来说&#xff0c;它…...

编程新知 2026/5/13 4:08:07

DelphiOpenAI：原生集成OpenAI API，赋能Delphi开发者构建智能应用

1. 项目概述&#xff1a;DelphiOpenAI&#xff0c;一个为Delphi开发者打造的AI桥梁如果你是一名Delphi开发者&#xff0c;看着Python、JavaScript社区热火朝天地集成各种AI能力&#xff0c;自己却苦于没有成熟、好用的原生库&#xff0c;只能望“AI”兴叹&#xff0c;那么今天介…...

编程新知 2026/5/13 3:01:34

开源OmenSuperHub：解决惠普OMEN笔记本性能限制的完整技术方案

开源OmenSuperHub&#xff1a;解决惠普OMEN笔记本性能限制的完整技术方案 【免费下载链接】OmenSuperHub 使用 WMI BIOS控制性能和风扇速度&#xff0c;自动解除DB功耗限制。 项目地址: https://gitcode.com/gh_mirrors/om/OmenSuperHub 第一部分&#xff1a;技术挑战分…...

编程新知 2026/5/13 1:32:33

Godot开发者必备：awesome-godot资源库高效使用指南

1. 项目概述&#xff1a;一个开源游戏引擎的“宝藏库” 如果你正在使用或考虑使用 Godot 引擎进行游戏开发&#xff0c;那么你很可能已经听说过 awesome-godot 这个项目。它不是一个可以直接运行的软件&#xff0c;也不是一个插件&#xff0c;而是一个由社区共同维护的、结构…...

编程新知 2026/5/13 1:23:41