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

微信小程序 样式和全局配置

news 2026/4/7 3:35:27

WXSS

wxss 把屏幕分为750个物理像素，大屏大，小屏小，随着设备不一致自动适配

推荐使用iPhone6作为标准，1个rpx = 0.5个px，把px乘以2就是rpx的参数

@import  

导入外部样式表

@import '/common/common.wxss'

 样式

 权重一样时，局部样式可以覆盖全局样式

配置

导航栏区域 navigationBar

背景区域 backgroud

页面主体区域

window

可以配置【导航栏区域 navigationBar】和【背景区域 backgroud】

 背景颜色

导航栏标题颜色

设置全局下拉 

下拉刷新的背景颜色 

下拉刷新时小圆点的样式

 下拉触底的触发值，默认50

tabBar

tabBar 最少2个，最多5个

如果是底部，可以显示ICON和文本，如果是顶部，只显示文本

tabBar配置项

backgroundColor：背景颜色borderStyle：边框颜色iconPath：未选中的图片路径selectedIconPath：选中的图片路径color：未选中的文字颜色selectedColor：选中的文字颜色

tabBar配置项属性

参考：https://www.cnblogs.com/xinjingsiyuan/articles/16875767.html

 

相关文章：

微信小程序 样式和全局配置

WXSS wxss 把屏幕分为750个物理像素，大屏大，小屏小，随着设备不一致自动适配 推荐使用iPhone6作为标准，1个rpx 0.5个px，把px乘以2就是rpx的参数 import 导入外部样式表 import /common/common.wxss 样式 权重一…...

编程日记 2023/7/27 7:12:22

一.初识C语言

一.初识C语言 C语言标准规定&#xff1a; sizeof(long)>sizeof(int)就可以了变量要定义在当前代码块的最前面 #defin _CRT_SECURE_NO_WARNINGS 1#include <stdio.h> //包含一个stdio.h的文件 std-标准standard input outputint main() //主函数-程序的入口-main函数…...

编程日记 2023/7/27 7:11:21

filebeat到kafka示例

docker run -d \ --namefilebeat_7.14_0 \ #filebeat名称 --userroot \ --volume"/data/filebeat/filebeat.yml:/usr/share/filebeat/filebeat.yml" \ #映射filebeat.yml配置 --volume"/data/filebeat/log:/usr/share/filebeat/log" \…...

编程日记 2023/7/27 7:10:20

AlmaLinux系统下的Zabbix汉化

我安装的是zabbix下的虚拟机&#xff0c;安装完成后&#xff0c;直接可以打开网站了&#xff0c;但是界面是英文&#xff0c;看了设置&#xff0c;没有中文选项&#xff0c;就需要在系统中安装中文字符集了。 # locale -a #查看里面没有zh_CN之类的项 # dnf install -…...

编程日记 2023/7/27 7:09:19

【网络编程】(TCP流套接字编程 ServerSocket API Socket API 手写TCP版本的回显服务器 TCP中的长短连接)

文章目录 网络编程TCP流套接字编程ServerSocket APISocket APITCP中的长短连接手写TCP版本的回显服务器 网络编程 TCP流套接字编程 TCP提供的API主要是两个类:ServerSocket 和 Socket . TCP不需要一个类来表示"TCP数据报"因为TCP不是以数据报为单位进行传输的.是以…...

编程日记 2023/7/27 7:08:18

企业级PaaS低代码快开平台源码，基于 Salesforce Platform 的开源替代方案

PaaS低代码快开平台是一种快速开发应用系统的工具&#xff0c;用户通过少量代码甚至不写代码就可以快速构建出各种应用系统。 随着信息化技术的发展&#xff0c;企业对信息化开发的需求正在逐渐改变&#xff0c;传统的定制开发已经无法满足企业需求。低代码开发平台&#xff0…...

编程日记 2023/7/27 7:07:17

【LeetCode】72.编辑距离

题目 给你两个单词 word1 和 word2&#xff0c; 请返回将 word1 转换成 word2 所使用的最少操作数 。 你可以对一个单词进行如下三种操作&#xff1a; 插入一个字符删除一个字符替换一个字符 示例 1&#xff1a; 输入&#xff1a;word1 "horse", word2 "…...

编程日记 2023/7/27 7:06:16

大模型，开源干不掉闭源

开源大模型对闭源大模型的冲击&#xff0c;变得非常猛烈。 今年3月&#xff0c;Meta发布了Llama&#xff08;羊驼&#xff09;&#xff0c;很快成为AI社区内最强大的开源大模型&#xff0c;也是许多模型的基座模型。有人戏称&#xff0c;当前的大模型集群&#xff0c;就是一堆各…...

编程日记 2023/7/27 7:05:15

Redis 九种数据类型的基本操作

一、redis9种数据类型的基本操作 ①key操作 #查找所有的key 127.0.0.1:6379> keys * 1) "pop" 2) "mylist" 3) "lpl" 4) "myset" #设置key的过期时间 返回1表示执行成功&#xff0c;0表示失败&#xff0c;出现问题 127.0.0.1:6379…...

编程日记 2023/7/27 7:04:14

爬取微博热搜榜并进行数据分析

设计方案 爬虫爬取的内容 &#xff1a;爬取微博热搜榜数据。 网络爬虫设计方案概述 用requests库访问页面用get方法获取页面资源&#xff0c;登录页面对页面HTML进行分析&#xff0c;用beautifulsoup库获取并提取自己所需要的信息。再讲数据保存到CSV文件中&#xff0c;进行…...

编程日记 2023/7/27 7:03:13

基于深度神经网络的肺炎检测系统实现

一、说在前面 使用AI进行新冠肺炎图像诊断可以加快病例的诊断速度&#xff0c;提高诊断的准确性&#xff0c;并在大规模筛查中发挥重要作用&#xff0c;从而更好地控制和管理这一流行病。然而&#xff0c;需要强调的是&#xff0c;AI技术仅作为辅助手段&#xff0c;最终的诊断决…...

编程日记 2023/7/27 7:02:11

C# LINQ和Lambda表达式对照

C# LINQ和Lambda表达式对照 1. 基本查询语句 Linq语法&#xff1a; var datafrom a in db.Areas select a ; Lamda语法&#xff1a; var datadb.Areas; sql语法&#xff1a; SELECT * FROM Areas2. 简单的WHERE语句 Linq语法&#xff1a; var datafrom a in db.orderI…...

编程日记 2023/7/27 7:01:10

二、SQL-6.DCL-1).用户管理

一、DCL介绍 Data Control Language 数据控制语言 用来管理数据库 用户、控制数据库的 访问权限。 二、语法 1、管理用户 管理用户在系统数据库mysql中的user表中创建、删除一个用户&#xff0c;需要Host&#xff08;主机名&#xff09;和User&#xff08;用户名&#xff0…...

编程日记 2023/7/27 7:00:08

ElasticSearch学习--数据聚合

介绍 数据聚合可以帮助我们对海量的数据进行统计分析&#xff0c;如果结合kibana&#xff0c;我们还能形成可视化的图形报表。自动补全可以根据用户输入的部分关键字去自动补全和提示。数据同步可以帮助我们解决es和mysql的数据一致性问题。集群可以帮助我们了解结构和不同节点…...

编程日记 2023/7/27 6:59:08

PostMan+Jmeter工具介绍及安装

目录 一、PostMan介绍​编辑 二、下载安装 三、Postman与Jmeter的区别 一、开发语言区别&#xff1a; 二、使用范围区别&#xff1a; 三、使用区别&#xff1a; 四、Jmeter安装 附一个详细的Jmeter按照新手使用教程&#xff0c;感谢作者&#xff0c;亲测有效。 五、Jme…...

编程日记 2023/7/27 6:58:05

AutoSAR系列讲解（实践篇）7.4-实验：配置SWCRTE

注意： 实验篇是重点，有条件的同学最好跟着做一遍，然后回头对照着7.1-7.3理解其配置的目的和意义。实验下篇将在7.7节中继续做 一、实验概览 1、实验目的 通过本次实验，主要是让大家对Dev的配置有一个全流程的学习。这里会用到前两节的内容，将其串联起来，让大家能完整的…...

编程日记 2023/7/27 6:57:04

腾讯云内存型CVM服务器MA3、M6、M6ce和M5处理器CPU说明

腾讯云内存型CVM服务器CPU处理器大全&#xff0c;CVM内存型MA3、内存型M6、安全增强内存型M6ce、内存型M6p、内存型M5、MA2、M4、M3、M2、M1处理器主频、CPU性能性能大全说明&#xff0c;腾讯云内存型云服务器具有大内存的特点&#xff0c;适合高性能数据库、分布式内存缓存等需…...

编程日记 2023/7/27 6:56:02

集睿致远推出CS5466多功能拓展坞方案：支持DP1.4、HDMI2.1视频8K输出

ASL新推出的 CS5466是一款Type-C/DP1.4转HDMI2.1的显示协议转换芯片,&#xff0c;它通过类型C/显示端口链路接收视频和音 频流&#xff0c;并转换为支持TMDS或FRL输出信令。DP接收器支持81.Gbp s链路速率。HDMI输出端口可以作为TMDS或FRL发射机工作。FRL发射机符合HDMI 2.1规范…...

编程日记 2023/7/27 6:55:02

SQL中为何时常见到 where 1=1？

你是否曾在 SELECT 查询中看到过 WHERE 11 条件。我在许多不同的查询和许多 SQL 引擎中都有看过。这条件显然意味着 WHERE TRUE&#xff0c;所以它只是返回与没有 WHERE 子句时相同的查询结果。此外&#xff0c;由于查询优化器几乎肯定会删除它&#xff0c;因此对查询执行时间没…...

编程日记 2023/7/27 6:54:01

React AntDesign表批量操作时的selectedRowKeys回显选中

不知道大家是不是在AntDesign的某一个列表想要做一个批量导出或者操作的时候&#xff0c;发现只要选择下一页&#xff0c;即使选中的ids 都有记录下面&#xff0c;但是就是不回显 后来问了chatGPT&#xff0c;对方的回答是&#xff1a; 在Ant Design的DataTable组件中&#xf…...

编程日记 2023/7/27 6:52:59

深入理解ThreadLocal：为什么Entry的Key必须是弱引用？

前言 ThreadLocal是Java并发编程中一个非常重要的工具类&#xff0c;它能为每个线程维护独立的变量副本。但很多开发者对它的理解停留在“每个线程有自己的变量副本”这个层面&#xff0c;对于其内部实现细节&#xff0c;尤其是Entry的Key为什么设计成弱引用&#xff0c;往往一…...

编程新知 2026/4/7 3:33:04

c++如何读取BMP位图文件并精确提取每个像素点的RGB值【实战】

直接用fread读BMP会错乱因像素数据BGR存储、行末补零对齐且从左下到右上排列&#xff1b;需跳过bfOffBits&#xff0c;按每行字节数对齐读取并反向索引&#xff0c;再手动转为RGB。为什么直接用 fread 读 BMP 文件会得到错乱的 RGB 顺序&#xff1f;BMP 文件头和信息头之后&…...

编程新知 2026/4/7 3:20:49

Agent 记忆全景综述：20+顶尖机构联合出品，Agent memory看这一篇就够了

用 GPT 或 Claude 做过长对话的人大概都踩过这个坑&#xff1a;聊了半个小时&#xff0c;AI 把你前面说过的事情忘干净了。你不得不把背景重新解释一遍。 这还是人机对话&#xff0c;忍一忍也就算了。 但如果是 agent 在自主执行任务呢&#xff1f;记不住"这个 API 上次…...

编程新知 2026/4/7 1:23:59

QUAD7SHIFT：轻量级七段数码管驱动库设计与嵌入式优化

1. 项目概述QUAD7SHIFT 是一款专为驱动 4 位共阴/共阳七段数码管模块设计的轻量级嵌入式显示库&#xff0c;核心目标是通过级联的 74HC595 移位寄存器实现高效、低资源占用的动态扫描显示。该库并非简单封装 SPI 接口&#xff0c;而是围绕“硬件抽象—时序控制—数据映射—功耗…...

编程新知 2026/4/7 1:17:52

Flutter 自定义 Widget：打造独特的用户界面

Flutter 自定义 Widget&#xff1a;打造独特的用户界面突破内置组件的局限&#xff0c;创造属于你自己的 UI 组件。一、自定义 Widget 的意义 作为一名追求像素级还原的 UI 匠人&#xff0c;我深知内置组件的局限。有时候&#xff0c;设计稿上的那个特殊按钮&#xff0c;那个独…...

编程新知 2026/4/7 1:03:44

C语言断言函数详解与最佳实践

1. C语言断言函数基础解析断言&#xff08;assert&#xff09;是C语言中一个简单但极其强大的调试工具&#xff0c;它本质上是一个宏而非函数。当我在2008年第一次接触嵌入式开发时&#xff0c;我的导师就强调&#xff1a;"断言是你最好的调试伙伴&#xff0c;它能帮你快速…...

编程新知 2026/4/7 0:57:36

Go语言的依赖管理：从go mod到go work

Go语言的依赖管理&#xff1a;从go mod到go work 1. 引言 依赖管理是软件开发中不可或缺的一部分&#xff0c;它负责管理项目所依赖的外部库和包。Go语言的依赖管理经历了从GOPATH到Vendor&#xff0c;再到go mod和go work的发展过程。本文将介绍Go语言依赖管理的发展历程&am…...

编程新知 2026/4/6 23:30:30

终极指南：如何5分钟免费安装Fooocus AI图像生成软件

终极指南&#xff1a;如何5分钟免费安装Fooocus AI图像生成软件 【免费下载链接】Fooocus Focus on prompting and generating 项目地址: https://gitcode.com/GitHub_Trending/fo/Fooocus Fooocus是一款专注于提示词和图像生成的AI图像生成软件&#xff0c;它重新定义了…...

编程新知 2026/4/6 21:52:24

Web开发地图服务知识--离线地图服务

如果提到客户端离线地图&#xff0c;很多人熟悉的是奥维地图&#xff08;多源地图&#xff0c;可离线下载、高程分析、轨迹规划、POI标注等&#xff0c;兼顾户外导航与专业测绘 / 规划&#xff0c;基础功能免费&#xff0c;VIP费用数十到数百元&#xff09;。但今天我所说的“离…...

编程新知 2026/4/6 20:17:17

STM32H7 SPI4 FLASH HAL库配置优化实践

1. STM32H7 SPI4与FLASH通信基础 最近在做一个基于STM32H743IIT6的项目时&#xff0c;遇到了SPI4与FLASH通信的配置问题。SPI4工作在50MHz的高时钟频率下&#xff0c;调试过程中发现了一些有趣的细节。比如分频系数低于SPI_BAUDRATEPRESCALER_8时读取就会失败&#xff0c;而高于…...

编程新知 2026/4/6 20:13:16