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

uniapp写移动端，适配苹果手机底部导航栏，ios安全区问题,苹果手机遮挡底部信息，uview的u-action-sheet组件

news 文章来源：https://blog.csdn.net/THY0827/article/details/143231997 2025/2/5 16:42:50

手机上有很多组件，需要手机底部弹窗来做选择,picker选择器，select列选择器呀这些，在苹果手机上会被底部nav遮住

采用了好几种配置的方式，多多少少都不太行，还是采用css来做吧，但是css来写想让它生效，可不是简单写写就行

1.

组件中用人家封装的组件是这么用的，里面包括好几层，怎么拿到组件里面的样式设置

2.在node_modules中找到此处

3.模版当中加样式，因为我需要判断苹果手机才加样式，安卓不加，所以样式加了判断条件，大家看实际需求

4.data中定义

5.方法中去判断平台，加样式，这些都不详细说了

6.样式不生效还有一个问题就是，样式隔离

加上这个就完美解决了！！！！！！

相关文章：

uniapp写移动端，适配苹果手机底部导航栏，ios安全区问题,苹果手机遮挡底部信息，uview的u-action-sheet组件

手机上有很多组件，需要手机底部弹窗来做选择,picker选择器，select列选择器呀这些，在苹果手机上会被底部nav遮住 采用了好几种配置的方式，多多少少都不太行，还是采用css来做吧，但是css来写想让它生效&#x…...

编程日记 2024/10/31 16:16:36

CentOS9 Stream上安装Edge浏览器

CentOS9 Stream上安装Edge浏览器 1. 下载 Microsoft Edge RPM 包2. 安装 Edge 浏览器3. 启动 Microsoft Edge4. 更新 Microsoft Edge（可选） 如果运行的时候出现错误：[5809:5809:1030/234136.530802:ERROR:zygote_host_impl_linux.cc(101)] Ru…...

编程日记 2024/10/31 16:15:35

el-datepicker此刻按钮点击失效

文章目录 此刻按钮失效原因：使用了禁用未来日期解决办法：重写此刻按钮点击事件代码（包含禁用未来日期和时分秒的处理）框出主要代码（因为包含禁用日期功能）（取你所需） 此刻按钮失效原…...

编程日记 2024/10/31 16:13:33

VUE组件学习 | 六、v-if, v-else-if, v-else组件

v-if、v-else-if 和 v-else 指令基础知识 在 Vue.js 中&#xff0c;v-if、v-else-if 和 v-else 是一组指令&#xff0c;用于根据表达式的值条件性地渲染元素。 基本语法 <template><div><!-- 基础条件渲染 --><h1 v-if"type A">类型 A&l…...

编程日记 2024/10/31 16:12:33

机器学习算法之回归算法

一、回归算法思维导图 二、算法概念、原理、应用场景和实例代码 1、线性回归 1.1、概念 ‌‌线性回归算法是一种统计分析方法&#xff0c;用于确定两种或两种以上变量之间的定量关系。‌ 线性回归算法通过建立线性方程来预测因变量&#xff08;y&#xff09;和一个或多个自变量…...

编程日记 2024/10/31 16:11:31

cordova android 内嵌vue页面 启动页之后白屏问题处理

困扰很久的问题 一直都用splash 做延迟加载 但在 一些android机器上还是会有 这短暂的白屏其实就是vue页面尚未完全渲染的间隙 处理方案 在html中添加 <body><div id"splash-screen" style"position: fixed; top: 0; left: 0; width: 100%; height: 1…...

编程日记 2024/10/31 16:10:30

自研小程序-心情追忆

在近期从繁忙的工作中暂时抽身之后&#xff0c;我决定利用这段宝贵的时间来保持我的Java技能不致生疏&#xff0c;并通过一个个人项目来探索人工智能的魅力。 我在Hugging Face&#xff08;国内镜像站点&#xff1a;HF-Mirror&#xff09;上发现了一个关于情感分析的练习项目&…...

编程日记 2024/10/31 16:08:27

【部署与升级-会议签到的web安装】

部署与升级-会议的远程安装 技术路线界面规划flaskAPI以及socketio.emit shellout浏览器和后端交互到处是偶遇 技术路线 运行的基础是Flask-Soketio, 并借鉴了后台运行系统指令的代码 和scrncpy项目,app安装的脚本 #mermaid-svg-8H9rbzbpgpnAXfA3 {font-family:"trebuche…...

编程日记 2024/10/31 16:06:25

【jvm】如何设置新生代和老年代的比例

目录 1. 说明2. 使用-XX:NewRatio参数3. 使用-Xmn参数4. 配置新生区中的Eden区和Survivor区比例5. 综合配置示例6. 注意事项 1. 说明 1.新生代&#xff08;Young Generation&#xff09;和老年代&#xff08;Old Generation&#xff09;的比例可以通过特定的参数进行设置。2.这…...

编程日记 2024/10/31 16:03:21

系统学习CFD，常见收敛问题、及如何与机器学习相结合

一、如何系统学习CFD 系统学习计算流体力学&#xff08;CFD&#xff09;需要按照一定的步骤和层次进行&#xff0c;以下是一个学习路径的建议&#xff1a; 1.基础知识学习&#xff1a; 掌握流体力学的基本原理&#xff0c;包括流体静力学、流体动力学、流体控制方程等。 学习…...

编程日记 2024/10/31 15:57:15

REST架构与实现

一、REST 架构风格 基本概念 REST（Representational State Transfer），即表述性状态转移，是一种软件架构风格。它通过使用标准的 HTTP 方法操作网络上的资源来实现信息交互。在 REST 架构风格中，网络上的一切都被抽象成资源，例如，在一个在线购物系统中，商品、订单、用户…...

编程日记 2024/10/31 15:54:12

AI驱动的低代码未来：加速应用开发的智能解决方案

引言 随着数字化转型的浪潮席卷全球&#xff0c;企业对快速构建应用程序的需求愈发强烈。然而&#xff0c;传统的软件开发周期冗长、成本高昂&#xff0c;往往无法满足快速变化的市场需求。在此背景下&#xff0c;低代码平台逐渐成为开发者和企业的优选方案&#xff0c;以其“低…...

编程日记 2024/10/31 15:53:10

快速上手 Rust——环境配置与项目初始化

Rust 跨界&#xff1a;全面掌握跨平台应用开发 第一章&#xff1a;快速上手 Rust 1.1 环境配置与项目初始化 1.1.1 安装 Rust 和 Cargo 在开始学习 Rust 之前&#xff0c;首先需要安装 Rust 编程语言及其包管理工具 Cargo。Rust 的安装非常简单&#xff0c;使用官方的安装脚…...

编程日记 2024/10/31 15:51:09

分布式事务Seata-AT模式

1. seata安装 docker 安装 docker run --name seata-server \-p 8091:8091 \-p 7091:7091 \-e SEATA_IP192.168.0.250 \-e SEATA_PORT8091 \seataio/seata-server将安装好的配置文件数据&#xff0c;拷贝一份到物理机 docker cp seata-serve:/seata-server/resources /User/…...

编程日记 2024/10/31 15:50:07

编程知识概览

编程&#xff0c;这个在现代社会中无处不在的词汇&#xff0c;已经从最初的计算机专业人士的专属技能&#xff0c;变成了许多人日常生活和工作中不可或缺的一部分。从简单的网页浏览、邮件发送&#xff0c;到复杂的游戏开发、数据分析&#xff0c;编程的应用几乎覆盖了所有领域…...

编程日记 2024/10/31 15:48:04

基于 GADF+Swin-CNN-GAM 的高创新扰动信号识别模型！

往期精彩内容&#xff1a; Python-电能质量扰动信号数据介绍与分类-CSDN博客 Python电能质量扰动信号分类(一)基于LSTM模型的一维信号分类-CSDN博客 Python电能质量扰动信号分类(二)基于CNN模型的一维信号分类-CSDN博客 Python电能质量扰动信号分类(三)基于Transformer的一…...

编程日记 2024/10/31 15:46:01

【Nextcloud】在 Ubuntu 22.04.3 LTS 上的 Nextcloud Hub 8 (29.0.0) 优化

[TOC](Nextcloud Hub 8 (29.0.0) 优化) Nextcloud 优化是个长期的过程&#xff0c;只能遇到问题解决问题了。遇到的问题和解决办法会逐步的编写完善。 打开 PHP 内存限制 伴随着内容增多&#xff0c;并添加更多的功能&#xff0c;访问 Nextcloud 变慢。通过修改PHP 内存限制&am…...

编程日记 2024/10/31 15:42:57

全渠道供应链打造中企业定制开发2+1链动模式S2B2C商城小程序的策略与影响

摘要&#xff1a;本文探讨了全渠道供应链打造对于零售企业的重要性及面临的挑战&#xff0c;着重分析了物流环节整合的难点&#xff0c;并以家电行业为例说明了节假日期间物流对企业经营的影响。同时&#xff0c;引入“企业定制开发21链动模式S2B2C商城小程序”这一关键因素&am…...

编程日记 2024/10/31 15:41:55

Github 2024-10-24 Go开源项目日报 Top10

根据Github Trendings的统计，今日(2024-10-24统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下： 开发语言项目数量Go项目10Solidity项目1Ollama: 本地大型语言模型设置与运行 创建周期：248 天开发语言：Go协议类型：MIT LicenseStar数量：42421 个Fork数量：…...

编程日记 2024/10/31 15:39:49

中航资本：锂电行业现分化 优质产能仍然紧俏

2024年前三季度&#xff0c;受轻贱需求增速放缓影响&#xff0c;锂电工业堕入结构性供需错配&#xff0c;产品价格继续低迷&#xff0c;作业盈余全体承压。 当资料端不再稀缺&#xff0c;锂电作业由“卖方商场”转向“买方商场”&#xff0c;工业链博弈天平逐渐向轻贱倾斜。表…...

编程日记 2024/10/31 15:38:42

安宝特案例 | AR技术在院外心脏骤停急救中的革命性应用

00 案例背景 在院外心脏骤停 (OHCA) 的突发救援中&#xff0c;时间与效率直接决定着患者的生命。传统急救模式下&#xff0c;急救人员常通过视频或电话与医院医生进行沟通&#xff0c;以描述患者状况并依照指令行动。然而&#xff0c;这种信息传递方式往往因信息不完整或传递延…...

编程日记 2024/10/31 15:37:37

curl调用微信退款No required SSL certificate was sent

文章目录 前言一、错误一二、错误二 总结 前言 在之前的博客中提到微信证书到期了&#xff0c;需要更换&#xff0c;但是当我更换完证书自信满满的时候&#xff0c;却出现了两个问题&#xff0c;记录一下。 一、错误一 CURL Error: 58unable to load client key: -8178 (SEC_…...

编程日记 2024/10/31 15:35:35

进程守护SuperVisord内部的进程定时监测并重启

一个swoole的wensocket程序运行在SuperVisord下端口9503 设置一个每分钟任务监测9503的端口链接数&#xff0c;输出链接数&#xff0c;并在链接数为0的情况下重启wensocket进程。 以下截图是宝塔面板环境下 #!/bin/bash current$(date %H.%M) ws9503_procnumnetstat -nat | gre…...

编程日记 2024/10/31 15:33:32

[面试题]ES6 Javascript

ES6 箭头函数和普通函数有什么区别? 1)定义方式:箭头函数使用箭头(>)语法&#xff0c;省略了 function 关键字。 2)参数处理:如果只有一个参数&#xff0c;箭头函数可以省略括号。 3)函数体:如果函数体只有一条语句&#xff0c;箭头函数可以省略花括号和 return 关键字 4)…...

编程日记 2024/10/31 15:32:30

四款国内外远程桌面软件横测：ToDesk、向日葵、TeamViewer、AnyDesk

前言 远程桌面软件对于职场人来说并不陌生&#xff0c;可以说是必备的办公软件之一。在经历过新冠疫情后&#xff0c;大家对于远程办公的认识越来越深入&#xff0c;也就在这段期间&#xff0c;远程桌面软件大范围的应用起来&#xff0c;真正走进大众视野并融入我们的工作和生…...

编程日记 2024/10/31 15:31:25

解决电脑突然没有声音

问题描述&#xff1a;电脑突然没有声音了&#xff0c;最近没有怎么动过系统&#xff0c;没有安装或者卸载过什么软件&#xff0c;也没有安装或者卸载过驱动程序&#xff0c;怎么就没有声音了呢&#xff1f; 问题分析&#xff1a;仔细观察&#xff0c;虽然音量按钮那边看不到什…...

编程日记 2024/10/31 15:29:20

ZFX数字股票全球品牌战略新闻发布会在香港盛大举行

香港&#xff0c;2024年10月26日 —— 在香港这座东方之珠&#xff0c;ZFX集团今日在港岛 海逸君绰酒店隆重举办了“ZFX数字股票全球品牌战略新闻发布会暨世界佳 丽群星闪耀香港见面会”。作为全球数字金融领域的一次盛会&#xff0c;本次活动不 仅展示了ZFX集团在数字资产交易…...

编程日记 2024/10/31 15:27:17

vue中elementUI的el-select下拉框的层级太高修改设置！

项目场景&#xff1a; 项目中遇到一个问题&#xff0c;下拉框选择之后弹出一个弹出框选择数据再关闭。 问题就出在&#xff0c;我打开下拉框后再弹出弹出框&#xff0c;弹出框的 z-index 层级没有 select 的层级高&#xff0c;导致我弹框弹出了几个下拉框还在弹出框上面显示着…...

编程日记 2024/10/31 15:24:13

测试员最佳跳槽频率是多少？进来看看你是不是符合

最近笔者刷到一则消息&#xff0c;一位测试员在某乎上分享&#xff0c;从月薪5K到如今的20K&#xff0c;他总共跳了10次槽&#xff0c;其中还经历过两次劳动申诉&#xff0c;拿到了大几万的赔偿&#xff0c;被同事们称为“职场碰瓷人”。 虽说这种依靠跳槽式的挣钱法相当奇葩&…...

编程日记 2024/10/31 15:23:12

【数字信号处理】

https://www.bilibili.com/video/BV1B4421U79k/ 文章目录 1-绪论11-FFT1-绪论 1- Preliminery 引言 信号的概念，离散时间时域，频域2- 获得数字信号 采样，对信号的一种表达方式，是DSP的基础A/D，D/A 数字都是人造的，两个桥梁将现实和人造连接3-如何处理数字信号 两个工具：…...

编程日记 2024/10/31 15:21:09

html5手机网站发布/网络营销招聘岗位有哪些

SVN分支与合并 一、 分支与合并的概念 二、 SVN分支的意义 三、 如何创建分支与合并分支 一、分支与合并的概念&#xff1a; 分支&#xff1a;版本控制系统的一个特性是能够把各种修改分离出来放在开发品的一个分割线上。这条线被称为分支。分支经常被用来试验新的特性&#xf…...

编程日记 2025/2/5 15:31:30

wordpress背景图片尺寸/重庆网站建设技术外包

好久没写博客&#xff0c;工作中想着未来部门需要对docker进行维护相对麻烦&#xff0c;而且&#xff0c;网络上也缺少一些合适的项目&#xff0c;于是准备筹划自己动手。先找到了Docker 的API文档&#xff0c;地址是&#xff1a;https://docs.docker.com/engine/api/v1.26/ 上…...

编程日记 2025/2/5 14:01:49

做网站手机模板app/搜索排名查询

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼不认同你的说法&#xff0c;出现这种原因在于python将int型视为不可变类型。使用help函数可以看到&#xff0c;官方对字典和列表的copy方法均描述为浅复制&#xff0c;浅复制原理是复制了对象的地址(使用id函数可以观察)。>>…...

编程日记 2025/2/5 12:03:53

怎么建网站做淘宝客/百度优化

IBM XIV被业内称为革命性的新一代存储架构&#xff0c;它是采用了大规模并行的分布式网格存储技术&#xff0c;使用了“Scale out”&#xff08;横向扩展&#xff09;的存储架构&#xff0c;利用多路网格模块并行分担存储负荷&#xff0c;并通过细粒度数据分布算法保证数据的恒…...

编程日记 2025/2/5 11:43:32

建设网络强国征文/孔宇seo

一、monit工具是什么&#xff1f; monit是一个轻量的监控工具&#xff0c;大小在1M左右&#xff0c;提供的功能很丰富&#xff0c;能监控本机的CPU、文件、目录、进程等基本信息&#xff0c;也能监控本机的网卡&#xff0c;包括网卡UP/Down、网络流量告警&#xff0c;还能监控其…...

编程日记 2025/2/5 11:07:56

在网站留外链怎么做/许昌seo公司

场景&#xff1a;多个相同的Windows服务(部署在不同的服务器上&#xff0c; 仅配置文件不同)需要附加WCF服务&#xff0c; 而网站在访问这些类似的WCF服务时&#xff0c; 不知道其明确地址所以无法直接引用。于是&#xff0c; 无配置便成了必然的选择&#xff01; 下面是无配置…...

编程日记 2025/2/5 8:50:36