踩坑日记 uniapp 底部 tabber遮挡住购物车结算
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: …...
【MySQL】表的约束（一）
文章目录 为什么要有约束一. 空属性二. 默认值三. 列描述四. zerofill结束语 为什么要有约束 数据库是用来存放数据的，所以其需要保证数据的完整性和可靠性 数据类型也算是一种约束，比如，整型的数据无法插入字符型。 通过约束，让…...
Excel宏管理库存清单
1. 开启宏: - 打开 Excel - 选择 “文件” > “选项” > “自定义功能区” > “开发工具” ，将其添加到功能区。 - 返回Excel界面，点击 “开发工具” 选项卡。 2.准备你的库存清单： - 在一个新的工作表中创建你的库存清单。…...
C语言练习百题之排序算法
题目:C语言实现排序算法 冒泡排序 思路： 依次比较相邻的元素，如果顺序不对则交换，直到整个数组有序。 实现代码： #include <stdio.h>void bubbleSort(int arr[], int n) {for (int i 0; i < n - 1; i) {for (int j…...
通过ElementUi在Vue搭建的项目中实现CRUD
🏅我是默，一个在CSDN分享笔记的博主。📚📚 🌟在这里，我要推荐给大家我的专栏《Vue》。🎯🎯 🚀无论你是编程小白，还是有一定基础的程序员，这个专栏…...
【CSS如何进行圣杯布局】
圣杯布局是一种经典的三栏布局，其中中间的主栏宽度自适应，两侧的边栏宽度固定。实现圣杯布局可以使用CSS中的浮动、定位、负边距等属性。 以下是一种实现圣杯布局的方法： HTML结构： <div class"container"><…...
flex 实现的圣杯布局
关键点 通过 margin-left 与 left 属性将左右两列放置到准确的位置； 父元素需要设置 padding； margin-left 取值为百分比时，是以其父元素的宽度为基准的；和双飞翼不同的地方 圣杯布局的的左中右三列容器没有多余子容器存在，通过控制父元素的 padding 空出左右两列的宽度。…...
数字人直播软件排名推荐，铭顺科技数字人品牌抢占“日不落”流量新技能
在今年的618中，相信大家能明显感受到，现如今已经有越来越多的品牌商都在使用AI营销工具，如AI营销工具、AI电话、AI虚拟主播。据京东战报显示，在今年的618中，使用AI数字人直播比去年双11增幅近5倍。 7*24小时不间断直播…...
【AI视野·今日Robot 机器人论文速览 第四十五期】Mon, 2 Oct 2023
AI视野今日CS.Robotics 机器人学论文速览 Mon, 2 Oct 2023 Totally 42 papers 👉上期速览✈更多精彩请移步主页 Interesting: 📚PONG, Probabilistic Object Normals for Grasping 用于抓取的概率目标归一化，根据目标表面法向量获取的不确定…...
【计算机网络】网络编程接口 Socket API 解读（9）
Socket 是网络协议栈暴露给编程人员的 API，相比复杂的计算机网络协议，API 对关键操作和配置数据进行了抽象，简化了程序编程。 本文讲述的 socket 内容源自 Linux man。本文主要对各 API 进行详细介绍，从而更好的理解 socket 编程。…...
用户端App自动化测试
一、capability 进阶用法 1、 deviceName 只是设备的名字，别名随便起不能锁定唯一一个设备 2、 uid 多设备选择的时候，要指定 uid默认读取设备列表的第一个设备设备列表获取 adb devices 3、 newCommandTimeout appium 程序应等待来自客户端的新命…...
)
[洛谷]P2697 宝石串(经典好题！)
思路： 对于一个类似的东西进行前缀和： G R G G R G G：1 1 2 3 3 4 R：0 1 1 1 2 2 差：1 0 1 2 1 2 所得关于差的数列，同样的数最左最右的位置差为一个答案，选取最大的答案即为解࿰…...
毫米波汽车雷达测试应用指南
汽车毫米波雷达测试背景 车载毫米波雷达通过天线向外发射毫米波，接收目标反射信号，经后方处理后快速准确地获取汽车车身周围的物理环境信息（如汽车与其他物体之间的相对距离、相对速度、角度、运动方向等），然后根据所…...
抖音账号矩阵系统开发源码----技术研发
一、技术自研框架开发背景： 抖音账号矩阵系统是一种基于数据分析和管理的全新平台，能够帮助用户更好地管理、扩展和营销抖音账号。 抖音账号矩阵系统开发源码 部分源码分享： ic function indexAction() { //面包屑 $breadc…...
C++ 33.学习C++的意义-狄泰软件学院
一些历史 UNIX操作系统诞生之初是直接用汇编语言编写的随着UNIX系统的发展，汇编语言的开发效率成为瓶颈，所以需要一个新的语言替代汇编语言1971年通过对B语言改良，使其能直接产生机器代码，C语言诞生UNIX使用C语言重写，…...
[C++基础]-多态
前言 作者：小蜗牛向前冲 名言：我可以接受失败，但我不能接受放弃 如果觉的博主的文章还不错的话，还请点赞，收藏，关注👀支持博主。如果发现有问题的地方欢迎❀大家在评论区指正。 本期学习目标&am…...
【Kubernetes】当K8s出现问题时，我们可以从哪些方面排查出
前言 kubernetes，简称K8s，是用8代替名字中间的8个字符“ubernete”而成的缩写。是一个开源的，用于管理云平台中多个主机上的容器化的应用，Kubernetes的目标是让部署容器化的应用简单并且高效（powerful）,Kub…...
SentenceTransformer 之论文解读
摘要 原文标题：Sentence-BERT: Sentence Embeddings using Siamese BERT-Networks 链接：https://arxiv.org/pdf/1908.10084.pdf 尽管Bert和RoBERTa在句子对回归任务上，例如语义文本相似度（Semantic Text Similarity）…...
AI发展历史
一、AI的发展历史 二、AI发展的第五阶段 （一）、第一阶段 1.艾伦图灵与模仿游戏 艾伦•图灵（Alan Turing，1912~1954）是英国数学家、逻辑学家，被称为计算机科学之父，人工智能之父。二战中协助军…...
想要精通算法和SQL的成长之路 - 简化路径
想要精通算法和SQL的成长之路 - 简化路径 前言一. 简化路径 前言 想要精通算法和SQL的成长之路 - 系列导航 一. 简化路径 原题连接 思路如下： 我们根据 "/" 去拆分字符串，得到每个子目录。这里拿到的子目录可能是空字符串，需要…...
srs linux
下载编译运行 git clone https:///ossrs/srs.git ./configure --h265on make 编译完成后即可启动SRS # 启动 ./objs/srs -c conf/srs.conf # 查看日志 tail -n 30 -f ./objs/srs.log 开放端口 默认RTMP接收推流端口是1935，SRS管理页面端口是8080，可…...
Nuxt.js 中的路由配置详解
Nuxt.js 通过其内置的路由系统简化了应用的路由配置，使得开发者可以轻松地管理页面导航和 URL 结构。路由配置主要涉及页面组件的组织、动态路由的设置以及路由元信息的配置。 自动路由生成 Nuxt.js 会根据 pages 目录下的文件结构自动生成路由配置。每个文件都会对…...
DIY｜Mac 搭建 ESP-IDF 开发环境及编译小智 AI
前一阵子在百度 AI 开发者大会上，看到基于小智 AI DIY 玩具的演示，感觉有点意思，想着自己也来试试。 如果只是想烧录现成的固件，乐鑫官方除了提供了 Windows 版本的 Flash 下载工具 之外，还提供了基于网页版的 ESP LA…...
多种风格导航菜单 HTML 实现（附源码）
下面我将为您展示 6 种不同风格的导航菜单实现，每种都包含完整 HTML、CSS 和 JavaScript 代码。 1. 简约水平导航栏 <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta name"viewport&qu…...
大数据治理的常见方式
大数据治理的常见方式 大数据治理是确保数据质量、安全性和可用性的系统性方法，以下是几种常见的治理方式： 1. 数据质量管理 核心方法： 数据校验：建立数据校验规则（格式、范围、一致性等）数据清洗&…...
2025年低延迟业务DDoS防护全攻略：高可用架构与实战方案
一、延迟敏感行业面临的DDoS攻击新挑战 2025年，金融交易、实时竞技游戏、工业物联网等低延迟业务成为DDoS攻击的首要目标。攻击呈现三大特征： AI驱动的自适应攻击：攻击流量模拟真实用户行为，差异率低至0.5%，传统规则引…...
32位寻址与64位寻址
32位寻址与64位寻址 32位寻址是什么？ 32位寻址是指计算机的CPU、内存或总线系统使用32位二进制数来标识和访问内存中的存储单元（地址），其核心含义与能力如下： 1. 核心定义 地址位宽：CPU或内存控制器用32位…...
Java中栈的多种实现类详解
Java中栈的多种实现类详解：Stack、LinkedList与ArrayDeque全方位对比 前言一、Stack类——Java最早的栈实现1.1 Stack类简介1.2 常用方法1.3 优缺点分析 二、LinkedList类——灵活的双端链表2.1 LinkedList类简介2.2 常用方法2.3 优缺点分析 三、ArrayDeque类——高…...
智能体革命：企业如何构建自主决策的AI代理？
OpenAI智能代理构建实用指南详解 随着大型语言模型（LLM）在推理、多模态理解和工具调用能力上的进步，智能代理（Agents）成为自动化领域的新突破。与传统软件仅帮助用户自动化流程不同，智能代理能够自主执行工…...
EC2安装WebRTC sdk-c环境、构建、编译
1、登录新的ec2实例，证书可以跟之前的实例用一个： ssh -v -i ~/Documents/cert/qa.pem ec2-user70.xxx.165.xxx 2、按照sdk-c demo中readme的描述开始安装环境： https://github.com/awslabs/amazon-kinesis-video-streams-webrtc-sdk-c 2…...