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

踩坑日记 uniapp 底部 tabber遮挡住购物车结算

news 2026/5/12 21:22:06

tabbar 被购物车结算遮挡

在小程序上tabbar没有将固定栏遮挡，如果直接调高，浏览器H5页面是对了，但在小程序上面离底部的定位就太高了

在这里插入图片描述

  • 原代码
// 底部结算样式.shop-foot {border-top: 2rpx solid #F7F7F7;background-color: #FFF;position: fixed;bottom: 0;	// 这里给 bottom:0 H5 直接看不见了left: 0;justify-content: space-between;align-items: center;width: 100%;height: 100rpx;display: flex;}// 购物车样式.shop-item {display: flex;padding: 20rpx;align-items: center;background-color: #F7F7F7;margin-bottom: 10rpx;.shop-image {width: 200rpx;height: 180rpx;}.shop-text {flex: 1;}.shop-color {margin-top: 10rpx;font-size: 28rpx;}.shop-price-num {margin-top: 10rpx;display: flex;justify-content: space-between;}}
  • 修改参数 bottom 这样就能看见了
bottom: var(--window-bottom,0);

在这里插入图片描述

相关文章：

踩坑日记 uniapp 底部 tabber遮挡住购物车结算

tabbar 被购物车结算遮挡 在小程序上tabbar没有将固定栏遮挡，如果直接调高，浏览器H5页面是对了，但在小程序上面离底部的定位就太高了 原代码 // 底部结算样式.shop-foot {border-top: 2rpx solid #F7F7F7;background-color: #FFF;position: …...

编程日记 2023/10/8 19:49:18

【MySQL】表的约束（一）

文章目录 为什么要有约束一. 空属性二. 默认值三. 列描述四. zerofill结束语 为什么要有约束 数据库是用来存放数据的，所以其需要保证数据的完整性和可靠性 数据类型也算是一种约束，比如，整型的数据无法插入字符型。 通过约束，让…...

编程日记 2023/10/8 19:48:16

Excel宏管理库存清单

1. 开启宏: - 打开 Excel - 选择 “文件” > “选项” > “自定义功能区” > “开发工具” ，将其添加到功能区。 - 返回Excel界面，点击 “开发工具” 选项卡。 2.准备你的库存清单： - 在一个新的工作表中创建你的库存清单。…...

编程日记 2023/10/8 19:47:14

C语言练习百题之排序算法

题目:C语言实现排序算法 冒泡排序 思路&#xff1a; 依次比较相邻的元素&#xff0c;如果顺序不对则交换&#xff0c;直到整个数组有序。 实现代码&#xff1a; #include <stdio.h>void bubbleSort(int arr[], int n) {for (int i 0; i < n - 1; i) {for (int j…...

编程日记 2023/10/8 19:45:13

通过ElementUi在Vue搭建的项目中实现CRUD

&#x1f3c5;我是默&#xff0c;一个在CSDN分享笔记的博主。&#x1f4da;&#x1f4da; &#x1f31f;在这里&#xff0c;我要推荐给大家我的专栏《Vue》。&#x1f3af;&#x1f3af; &#x1f680;无论你是编程小白&#xff0c;还是有一定基础的程序员&#xff0c;这个专栏…...

编程日记 2023/10/8 19:44:12

【CSS如何进行圣杯布局】

圣杯布局是一种经典的三栏布局&#xff0c;其中中间的主栏宽度自适应&#xff0c;两侧的边栏宽度固定。实现圣杯布局可以使用CSS中的浮动、定位、负边距等属性。 以下是一种实现圣杯布局的方法&#xff1a; HTML结构&#xff1a; <div class"container"><…...

编程日记 2023/10/8 19:43:10

flex 实现的圣杯布局

关键点 通过 margin-left 与 left 属性将左右两列放置到准确的位置； 父元素需要设置 padding； margin-left 取值为百分比时，是以其父元素的宽度为基准的；和双飞翼不同的地方 圣杯布局的的左中右三列容器没有多余子容器存在，通过控制父元素的 padding 空出左右两列的宽度。…...

编程日记 2023/10/8 19:42:09

数字人直播软件排名推荐，铭顺科技数字人品牌抢占“日不落”流量新技能

在今年的618中&#xff0c;相信大家能明显感受到&#xff0c;现如今已经有越来越多的品牌商都在使用AI营销工具&#xff0c;如AI营销工具、AI电话、AI虚拟主播。据京东战报显示&#xff0c;在今年的618中&#xff0c;使用AI数字人直播比去年双11增幅近5倍。 7*24小时不间断直播…...

编程日记 2023/10/8 19:41:08

【AI视野·今日Robot 机器人论文速览 第四十五期】Mon, 2 Oct 2023

AI视野今日CS.Robotics 机器人学论文速览 Mon, 2 Oct 2023 Totally 42 papers &#x1f449;上期速览✈更多精彩请移步主页 Interesting: &#x1f4da;PONG, Probabilistic Object Normals for Grasping 用于抓取的概率目标归一化&#xff0c;根据目标表面法向量获取的不确定…...

编程日记 2023/10/8 19:40:07

【计算机网络】网络编程接口 Socket API 解读（9）

Socket 是网络协议栈暴露给编程人员的 API&#xff0c;相比复杂的计算机网络协议&#xff0c;API 对关键操作和配置数据进行了抽象&#xff0c;简化了程序编程。 本文讲述的 socket 内容源自 Linux man。本文主要对各 API 进行详细介绍&#xff0c;从而更好的理解 socket 编程。…...

编程日记 2023/10/8 19:38:03

用户端App自动化测试

一、capability 进阶用法 1、 deviceName 只是设备的名字&#xff0c;别名随便起不能锁定唯一一个设备 2、 uid 多设备选择的时候&#xff0c;要指定 uid默认读取设备列表的第一个设备设备列表获取 adb devices 3、 newCommandTimeout appium 程序应等待来自客户端的新命…...

编程日记 2023/10/8 19:36:01

[洛谷]P2697 宝石串(经典好题！)

思路&#xff1a; 对于一个类似的东西进行前缀和&#xff1a; G R G G R G G&#xff1a;1 1 2 3 3 4 R&#xff1a;0 1 1 1 2 2 差&#xff1a;1 0 1 2 1 2 所得关于差的数列&#xff0c;同样的数最左最右的位置差为一个答案&#xff0c;选取最大的答案即为解&#xff0…...

编程日记 2023/10/8 19:35:00

毫米波汽车雷达测试应用指南

汽车毫米波雷达测试背景 车载毫米波雷达通过天线向外发射毫米波&#xff0c;接收目标反射信号&#xff0c;经后方处理后快速准确地获取汽车车身周围的物理环境信息&#xff08;如汽车与其他物体之间的相对距离、相对速度、角度、运动方向等&#xff09;&#xff0c;然后根据所…...

编程日记 2023/10/8 19:33:59

抖音账号矩阵系统开发源码----技术研发

一、技术自研框架开发背景&#xff1a; 抖音账号矩阵系统是一种基于数据分析和管理的全新平台&#xff0c;能够帮助用户更好地管理、扩展和营销抖音账号。 抖音账号矩阵系统开发源码 部分源码分享&#xff1a; ic function indexAction() { //面包屑 $breadc…...

编程日记 2023/10/8 19:32:58

C++ 33.学习C++的意义-狄泰软件学院

一些历史 UNIX操作系统诞生之初是直接用汇编语言编写的随着UNIX系统的发展&#xff0c;汇编语言的开发效率成为瓶颈&#xff0c;所以需要一个新的语言替代汇编语言1971年通过对B语言改良&#xff0c;使其能直接产生机器代码&#xff0c;C语言诞生UNIX使用C语言重写&#xff0c…...

编程日记 2023/10/8 19:31:57

[C++基础]-多态

前言 作者&#xff1a;小蜗牛向前冲 名言&#xff1a;我可以接受失败&#xff0c;但我不能接受放弃 如果觉的博主的文章还不错的话&#xff0c;还请点赞&#xff0c;收藏&#xff0c;关注&#x1f440;支持博主。如果发现有问题的地方欢迎❀大家在评论区指正。 本期学习目标&am…...

编程日记 2023/10/8 19:30:57

【Kubernetes】当K8s出现问题时，我们可以从哪些方面排查出

前言 kubernetes&#xff0c;简称K8s&#xff0c;是用8代替名字中间的8个字符“ubernete”而成的缩写。是一个开源的&#xff0c;用于管理云平台中多个主机上的容器化的应用&#xff0c;Kubernetes的目标是让部署容器化的应用简单并且高效&#xff08;powerful&#xff09;,Kub…...

编程日记 2023/10/8 19:29:56

SentenceTransformer 之论文解读

摘要 原文标题&#xff1a;Sentence-BERT: Sentence Embeddings using Siamese BERT-Networks 链接&#xff1a;https://arxiv.org/pdf/1908.10084.pdf 尽管Bert和RoBERTa在句子对回归任务上&#xff0c;例如语义文本相似度&#xff08;Semantic Text Similarity&#xff09;…...

编程日记 2023/10/8 19:28:55

AI发展历史

一、AI的发展历史 二、AI发展的第五阶段 &#xff08;一&#xff09;、第一阶段 1.艾伦图灵与模仿游戏 艾伦•图灵&#xff08;Alan Turing&#xff0c;1912~1954&#xff09;是英国数学家、逻辑学家&#xff0c;被称为计算机科学之父&#xff0c;人工智能之父。二战中协助军…...

编程日记 2023/10/8 19:25:50

想要精通算法和SQL的成长之路 - 简化路径

想要精通算法和SQL的成长之路 - 简化路径 前言一. 简化路径 前言 想要精通算法和SQL的成长之路 - 系列导航 一. 简化路径 原题连接 思路如下&#xff1a; 我们根据 "/" 去拆分字符串&#xff0c;得到每个子目录。这里拿到的子目录可能是空字符串&#xff0c;需要…...

编程日记 2023/10/8 19:23:47

从癌症研究到企业风控：用Python实战Cox比例风险模型（附完整代码与数据）

从医学到商业&#xff1a;Python实战Cox风险模型的企业级应用 在医疗领域&#xff0c;我们关心患者存活时间&#xff1b;在商业世界&#xff0c;我们关注客户生命周期。看似迥异的场景背后&#xff0c;都隐藏着同一个数学工具的身影——Cox比例风险模型。这个诞生于1972年的生存…...

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

终极指南：如何免费快速解决Notero Zotero插件安装失败问题

终极指南&#xff1a;如何免费快速解决Notero Zotero插件安装失败问题 【免费下载链接】notero A Zotero plugin for syncing items and notes into Notion 项目地址: https://gitcode.com/gh_mirrors/no/notero 你是否曾经兴奋地下载了Notero这款强大的Zotero-Notion同…...

编程新知 2026/5/12 20:15:58

深度学习草图到全栈代码生成：技术原理、实现挑战与工程实践

1. 项目概述&#xff1a;从草图到全栈应用的智能跃迁在软件开发领域&#xff0c;从产品原型到最终上线的代码实现&#xff0c;中间横亘着一条巨大的“实现鸿沟”。产品经理或设计师用Sketch、Figma等工具绘制出精美的界面草图&#xff0c;而工程师则需要将这些静态的视觉稿&…...

编程新知 2026/5/12 20:13:46

Windows平台ADB驱动终极安装指南：3分钟搞定Android开发环境

Windows平台ADB驱动终极安装指南&#xff1a;3分钟搞定Android开发环境 【免费下载链接】Latest-adb-fastboot-installer-for-windows A Simple Android Driver installer tool for windows (Always installs the latest version) 项目地址: https://gitcode.com/gh_mirrors/…...

编程新知 2026/5/12 19:43:08

深入Windows内核的“心脏”：通过WRK源码理解ntoskrnl.exe与HAL的协作机制

深入Windows内核的“心脏”&#xff1a;通过WRK源码理解ntoskrnl.exe与HAL的协作机制 在计算机科学领域&#xff0c;操作系统内核堪称最复杂的软件工程之一。作为Windows操作系统的核心&#xff0c;ntoskrnl.exe与硬件抽象层(HAL)的协作机制长期以来都是开发者们津津乐道的话题…...

编程新知 2026/5/12 19:30:46

别再复制粘贴了！手把手教你用MATLAB/Simulink把低通滤波器写成C代码（附避坑指南）

从MATLAB到嵌入式C&#xff1a;低通滤波器工程化实现全指南 在嵌入式系统开发中&#xff0c;数字滤波器的实现往往成为算法落地的关键瓶颈。许多工程师能够熟练使用MATLAB设计出完美的滤波器模型&#xff0c;却在将其转化为实际可用的C代码时频频碰壁——仿真曲线平滑优美&…...

编程新知 2026/5/12 19:04:35

VLC源码深度定制：3大核心模块解析与编译实践

VLC源码深度定制&#xff1a;3大核心模块解析与编译实践 【免费下载链接】vlc VLC media player - All pull requests are ignored, please use MRs on https://code.videolan.org/videolan/vlc 项目地址: https://gitcode.com/gh_mirrors/vl/vlc 你是否曾想过&#xff…...

编程新知 2026/5/12 19:01:31

告别PLC！用Python+ModbusTCP玩转FactoryIO仿真（附完整代码与可视化界面）

PythonModbusTCP工业仿真实战&#xff1a;从零构建FactoryIO智能分拣系统 工业自动化领域正在经历一场静默革命——传统PLC的垄断地位首次被通用编程语言打破。去年某国际自动化展会上&#xff0c;一位工程师仅用200行Python代码就复现了某品牌PLC的复杂流水线控制逻辑&#xf…...

编程新知 2026/5/12 18:58:41

LyricsX：一站式macOS歌词同步解决方案，让音乐体验更智能

LyricsX&#xff1a;一站式macOS歌词同步解决方案&#xff0c;让音乐体验更智能 【免费下载链接】LyricsX &#x1f3b6; Ultimate lyrics app for macOS. 项目地址: https://gitcode.com/gh_mirrors/ly/LyricsX LyricsX是macOS平台上功能最全面的歌词同步工具&#xff…...

编程新知 2026/5/12 18:26:37

CodeBuddy ai对话框上面的git docs terminal Rulds 干嘛用的,以thinkphp fastadmin 为例，插件市场

CodeBuddy&#xff08;或同类 AI 编程助手&#xff09;里的**「上下文注入&#xff08;Context Injection&#xff09;」功能模块**&#xff0c;作用是把项目/环境信息喂给 AI&#xff0c;让它“看得懂你的项目”&#xff0c;而不是凭空瞎编代码。 插件市场###ai对对话框 逐个拆…...

编程新知 2026/5/12 18:24:13