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

微信小程序底部按钮适配iPhoneX以上，显示遮挡问题

news 2026/2/8 1:03:32

只需要在给底部按钮加个样式


/* 底部导航栏容器 */
.button-box {/* 使用 safe-area-inset-bottom 属性适配 iPhone X 及以上型号设备 */padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);/* 其他样式属性 */
}

iPhone6/7/8效果
在这里插入图片描述
iphoneX以上：

微信小程序底部按钮适配iPhoneX以上，显示遮挡问题

只需要在给底部按钮加个样式 /* 底部导航栏容器 */ .button-box {/* 使用 safe-area-inset-bottom 属性适配 iPhone X 及以上型号设备 */padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);/* 其他样式属性 */ }iPhone6/7/8效果 …...

编程日记 2024/1/24 20:20:45

Qt容器QMap（映射）

插入数据 QMap<QString,QString> infoMap; //第一个是key 第二个是valueinfoMap.insert("王祖蓝","163cm");infoMap.insert("Anglebaby","168cm");infoMap["易烊千玺"] "173cm(成长中)";infoMap["姚…...

编程日记 2024/1/24 20:19:45

AI时代的创新工具：如何利用AI生成独具个性的XMind思维导图？

哈喽，大家好，我是木头左，物联网搬砖工一名，致力于为大家淘出更多好用的AI工具！ 背景随着互联网的发展，越来越多的人开始使用Markdown来编写文档。Markdown是一种轻量级的标记语言，它允许人们使…...

编程日记 2024/1/24 20:17:42

【每日一题】最长交替子数组

文章目录 Tag题目来源解题思路方法一：双层循环方法二：单层循环写在最后 Tag 【双层循环】【单层循环】【数组】【2024-01-23】题目来源 2765. 最长交替子数组解题思路两个方法，一个是双层循环，一个是单层循环。方法一&am…...

编程日记 2024/1/24 20:16:39

gin数据解析和绑定

1. Json 数据解析和绑定客户端传参，后端接收并解析到结构体 package mainimport ("github.com/gin-gonic/gin""net/http" )// 定义接收数据的结构体 type Login struct {// binding:"required"修饰的字段，若接收为空值…...

编程日记 2024/1/24 20:14:37

TCP服务器最多支持多少客户端连接

目录一、理论数值二、实际部署参考一、理论数值首先知道一个基础概念，对于一个 TCP 连接可以使用四元组（src_ip, src_port, dst_ip, dst_port）进行唯一标识。因为服务端 IP 和 Port 是固定的（如下图中的bind阶段&#xff0…...

编程日记 2024/1/24 20:08:49

UML类图学习

UML类图学习 UML类图是描述类之间的关系概念1.类(Class)：使用三层矩形框表示2.接口(interface)：使用两层矩形框表示，与类图主要区别在于顶端有<<interface>>显示3、继承类（extends）：用空心三角…...

编程日记 2024/1/24 20:07:48

死锁面试题详解

什么是死锁？ 死锁是指两个或多个进程在执行过程中，因争夺资源而造成的一种相互等待的现象，如果没有外力干涉，这些进程将永远无法继续执行死锁通常发生在多个进程试图同时访问同一资源而无法获取的情况下，例如&#…...

编程日记 2024/1/24 20:04:45

【rust/bevy】使用points构造ConvexMesh

目录说在前面问题提出Rapier具体实现参考说在前面操作系统：win11rust版本：rustc 1.77.0-nightlybevy版本：0.12github：这里问题提出在three.js中，可以通过使用ConvexGeometry从给定的三维点集合生成凸包(Convex Hu…...

编程日记 2024/1/24 20:02:40

【C语言】string.h——主要函数总结

string.h主要定义了字符串处理函数和内存操作函数。字符串处理函数 strlen() 功能：strlen()函数返回字符串的字节长度，不包括末尾的空字符\0。函数原型：size_t strlen(const char* s); 返回值：返回的是size_t类型的无符号整…...

编程日记 2024/1/24 20:01:37

如何在前端优化中减少页面加载时间？

在前端优化中，减少页面加载时间是至关重要的，因为快速加载的页面可以提高用户体验，减少跳出率，从而提升网站的整体性能。本文将介绍一些实用的前端优化技巧，以帮助您减少页面加载时间。一、优化图片图片是页面加载…...

编程日记 2024/1/24 19:56:29

Typecho后台无法登录显示503 service unavailable问题及处理

一、Typecho 我的博客地址：https://www.aomanhao.top 使用老薛主机动态Typecho博客框架handsome主题的搭配，文章内容可以异地网页更新，可以听后台背景音乐，很好的满足我的痛点需求，博客部署在云端服务器访问响应较快…...

编程日记 2024/1/24 19:52:33

Python入门（一）

anaconda安装官网：https://www.anaconda.com下载 jupyter lab 简介： 包含了Jupyter Notebook所有功能。 JupyterLab作为一种基于web的集成开发环境，你可以使用它编写notebook，操作终端，编辑markdown文本&#xf…...

编程日记 2024/1/24 19:50:27

云表企业级无代码案例-自主开发ERP管理系统

痛点我是一名企业经营者，同时也是信息化建设的坚定倡导者。凭借管理专业背景，我深知经营数据对于企业的至关重要性。如何高效搜集、精准分析经营数据，并将其转化为决策依据，直接关乎企业的生死存亡。太多因盲目决策而倒闭的企业…...

编程日记 2024/1/24 19:48:49

Qt —— 编译Qt5版本QFTP库，并实现连接服务、获取列表、上传、下载、删除文件等操作（附源码、附基于Qt5编译好的QFTP库）

示例效果1 示例效果2 介绍 QFTP是Qt4的库，Qt5改用了QNetworkAccessManager来代替。但是Qt5提供的QNetworkAccessManager仅支持FTP的上传和下载，所以只能将QFTP库编译为Qt5的库来进行调用。 QFTP在Github的下载地址：https://github.com/qt/qtftp 客户端源码生成的release结果…...

编程日记 2024/1/24 19:47:41

碰到es6的...拓展运算符

第一次碰到，哥们啥也不会 let searchForm ref({}) let formData ref({}) const initArgs async() > { args.value props.init_data formData .value { ...searchForm.value,//把值都带过来 workWhere : args.value.workWhere, statusArgs : args.value.sta…...

编程日记 2024/1/24 19:45:38

JDK8新特性详解

☆* o(≧▽≦)o *☆嗨~我是小奥🍹 📄📄📄个人博客：小奥的博客 📄📄📄CSDN：个人CSDN 📙📙📙Github：传送门 📅&a…...

编程日记 2024/1/24 19:43:11

ELK+Filebeat 部署实验

Filebeat是轻量级的开源日志文件数据搜集器。通常在需要采集数据的客户端安装 Filebeat，并指定目录与日志格式，Filebeat 就能快速收集数据，并发送给 logstash 进行解析，或是直接发给 Elasticsearch 存储，性能上相比运行…...

编程日记 2024/1/24 19:41:00

利用wireshark lua扩展能力增加自定义解析器[注释解读版]

前言 Wireshark提供了lua扩展能力，可以定制一些Listner和Dissector，用于一些自定义的使用场景，例如: lua插件适应场景Listener报文统计、内容抽取等Dissector协议树解析，在wireshark中立等可看已在以前的文档中积累了对于List…...

编程日记 2024/1/24 19:38:55

GPT-5不叫GPT-5？下一代模型会有哪些新功能？

OpenAI首席执行官奥特曼在上周三达沃斯论坛接受媒体采访时表示，他现在的首要任务就是推出下一代大模型，这款模型不一定会命名GPT-5。虽然GPT-5的商标早已经注册。如果GPT-4目前解决了人类任务的10%，GPT-5应该是15%或者20%。 OpenAI从去年开…...

编程日记 2024/1/24 19:31:45

云计算——弹性云计算器（ECS）

弹性云服务器：ECS 概述云计算重构了ICT系统，云计算平台厂商推出使得厂家能够主要关注应用管理而非平台管理的云平台，包含如下主要概念。 ECS（Elastic Cloud Server）：即弹性云服务器，是云计算…...

编程新知 2025/8/16 21:50:27

《Playwright：微软的自动化测试工具详解》

Playwright 简介:声明内容来自网络，将内容拼接整理出来的文档 Playwright 是微软开发的自动化测试工具，支持 Chrome、Firefox、Safari 等主流浏览器，提供多语言 API（Python、JavaScript、Java、.NET）。它的特点包括&a…...

编程新知 2025/7/23 15:00:00

生成 Git SSH 证书

🔑 1. 生成 SSH 密钥对在终端（Windows 使用 Git Bash，Mac/Linux 使用 Terminal）执行命令： ssh-keygen -t rsa -b 4096 -C "your_emailexample.com" 参数说明： -t rsa&#x…...

编程新知 2025/9/18 11:31:13

【Zephyr 系列 10】实战项目：打造一个蓝牙传感器终端 + 网关系统（完整架构与全栈实现）

🧠关键词：Zephyr、BLE、终端、网关、广播、连接、传感器、数据采集、低功耗、系统集成 📌目标读者：希望基于 Zephyr 构建 BLE 系统架构、实现终端与网关协作、具备产品交付能力的开发者 📊篇幅字数：约 5200 字 ✨ 项目总览在物联网实际项目中，**“终端 + 网关”**是…...

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

LLM基础1_语言模型如何处理文本

基于GitHub项目：https://github.com/datawhalechina/llms-from-scratch-cn 工具介绍 tiktoken：OpenAI开发的专业"分词器" torch：Facebook开发的强力计算引擎，相当于超级计算器理解词嵌入：给词语画"…...

编程新知 2025/9/25 5:16:24

关于 WASM：1. WASM 基础原理

一、WASM 简介 1.1 WebAssembly 是什么？ WebAssembly（WASM） 是一种能在现代浏览器中高效运行的二进制指令格式，它不是传统的编程语言，而是一种低级字节码格式，可由高级语言（如 C、C、Rust&am…...

编程新知 2025/11/19 10:53:07

分布式增量爬虫实现方案

之前我们在讨论的是分布式爬虫如何实现增量爬取。增量爬虫的目标是只爬取新产生或发生变化的页面，避免重复抓取，以节省资源和时间。在分布式环境下，增量爬虫的实现需要考虑多个爬虫节点之间的协调和去重。另一种思路：将增量判…...

编程新知 2026/2/6 1:18:56

Java 二维码

Java 二维码 **技术：**谷歌 ZXing 实现首先添加依赖 <dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.5.1</version></dependency><de…...

编程新知 2025/9/6 16:22:45

Linux 内存管理实战精讲：核心原理与面试常考点全解析

Linux 内存管理实战精讲：核心原理与面试常考点全解析 Linux 内核内存管理是系统设计中最复杂但也最核心的模块之一。它不仅支撑着虚拟内存机制、物理内存分配、进程隔离与资源复用，还直接决定系统运行的性能与稳定性。无论你是嵌入式开发者、内核调试工…...

编程新知 2026/1/25 10:16:57

Python 实现 Web 静态服务器（HTTP 协议）

目录一、在本地启动 HTTP 服务器1. Windows 下安装 node.js1）下载安装包2）配置环境变量3）安装镜像4）node.js 的常用命令 2. 安装 http-server 服务3. 使用 http-server 开启服务1）使用 http-server2）详解 …...

编程新知 2026/1/29 2:11:49

相关文章：