【交流分享】果断抛弃layer的对话框,自己写了一个对话框,兼容Android和IOS

news2024/11/26 12:32:40

没有用nativeUI的对话框,因为没法自定义,样式也不好看;
后来都说推荐用layer对话框http://layer.layui.com/mobile/
但是发觉问题还蛮多:
1.Android上确定按钮错位,得自己css调行高
2.关闭的时候,按钮的事件会穿透,得自己写延时300毫秒关闭
3.IOS上点击弹出的按钮和对话框的按钮重叠时,会无法再次打开对话框

  1. 内容很少时,对话框也会跟着变得很小,得自己css设置
  2. ..其他..
    去他们官网问,他们回答最多的就是这边的没有问题啊..
    好吧,,,总之,最后还是抛弃layer了..

今天自己写了一个 分享给大家
使用超级简单,调一个方法搞定!
解决了上述问题,兼容Android和IOS;
先看效果:
1.标题和内容的对话框

  1. 带一个按钮的对话框

  2. 带两个按钮和其他控件的对话框

  3. 多个按钮和其他控件的对话框

  4. 带标题和自定义内容的对话框

  5. 完全自定义的对话框

7.更多自己研究发现了..

完整案例在附件:
有问题欢迎指点O(∩_∩)O~

写完 下班 睡觉

  • 对话框Demo.zip

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/629656.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

chatgpt赋能python:Python中如何出现行数?

Python中如何出现行数? 什么是行数? 在编程中,行数是指源代码中每一行的编号。行数的出现有助于开发人员更好地定位错误和调试代码。Python中也可以很容易地实现行数的显示。 如何在Python中出现行数? Python中有两种方法可以…

CKA 07_Kubernetes 工作负载与调度 控制器 ReplicaSet Deployment Jobs CronJob

文章目录 1. Pod 的分类2. 控制器类型3. ReplicaSet3.1 工作原理3.2 何时使用 ReplicaSet3.3 创建 ReplicaSet3.4 修改 RS 管理 pod 的标签3.5 还原 RS 管理 pod 的标签 4. Deployment4.1 准备工作4.2 用例4.3 创建 Deployment4.4 Deployment 进行 Pod 的版本更新4.5 Deploymen…

STM32单片机(四)第二节:OLED显示屏

❤️ 专栏简介:本专栏记录了从零学习单片机的过程,其中包括51单片机和STM32单片机两部分;建议先学习51单片机,其是STM32等高级单片机的基础;这样再学习STM32时才能融会贯通。 ☀️ 专栏适用人群 :适用于想要…

java下载sun包下的源码

为什么要重下sun包? sun包下的类,都是.class文件。例如:sun.net.www.protocol.http.HttpURLConnection的源码,竟然是.class。原因是JDK自带的src.zip里面,压根没有放对应的源码文件。 如何下载sun包源码? …

chatgpt赋能python:Python编程与SEO:如何用Python写出最优化自己的姓名?

Python编程与SEO:如何用Python写出最优化自己的姓名? 作为一名有10年Python编程经验的工程师,我深知Python编程在SEO优化方面所起的重要作用。Python语言简洁、灵活以及强大的功能,可以使我们更好地优化自己的网页排名。 在本篇…

Unreal5 实现武器切换功能

首先回忆一下之前在制作武器时,如何实现从后背拿武器的。我们创建了一个切换事件,判断当前是否持有武器,然后根据是否持有武器,去修改动画蓝图的变量,来触发从后面拿枪或者是否把枪放了回去。 然后在播放切枪动画时&am…

【MySql】数据库的增删改查

本篇的主要目的:对于数据库如何去增加删除查询修改 文章目录 创建数据库create查看数据库show删除数据库drop修改数据库alter 创建数据库create 主要细节在于选项问题,编码选项 CREATE DATABASE [IF NOT EXISTS] db_name [create_specification [, cre…

让chatGPT使用Tensor flow Keras组装Bert,GPT,Transformer

让chatGPT使用Tensor flow Keras组装Bert,GPT,Transformer implement Transformer Model by Tensor flow Kerasimplement Bert model by Tensor flow Kerasimplement GPT model by Tensor flow Keras 本文主要展示Transfomer, Bert, GPT的神经网络结构之间的关系和差异。网络上…

空间权重矩阵总结

前言 建立空间计量模型的前提,一般要引入空间权重矩阵 W W W来表达 n n n个位置的空间区域邻近关系。 但空间权重矩阵的构造一直是备受争议的,理论是不存在最优的空间矩阵,那么在实证分析中,通常用一个词总结试一试。下文总结了目…

chatgpt赋能python:Python怎么全加井号

Python怎么全加井号 在SEO优化中,适当的标记和排版对文章排名起到重要作用。在这篇文章中,我们将介绍如何使用井号(#)在Python中全加井号,以帮助优化文章搜索引擎排名。 什么是井号? 在Python中&#xf…

chatgpt赋能python:Python怎么再添一格的SEO

Python怎么再添一格的SEO Python作为一门高效、多用途、自由、易于学习的编程语言,已经被广泛地应用在各个领域,包括Web开发、数据分析、机器学习、人工智能等。在这篇文章中,我们将探讨如何使用Python来提高网站的SEO排名。 1. 了解SEO 在…

chatgpt赋能python:Python怎么写表格:介绍与结论

Python怎么写表格:介绍与结论 在数据分析或者开发领域,表格是非常常见的数据展示形式。Python作为一门流行的编程语言,在表格的处理上也有很好的支持。今天我们来介绍一下Python怎么写表格。 1. Pandas库的使用 Pandas是Python中非常流行的…

chatgpt赋能python:Python怎么入侵手机

Python怎么入侵手机 现在移动设备已经成为人们生活中必不可少的一部分,因此,攻击者越来越多地将目光转向移动设备。 进入移动设备的主要方式之一是通过应用程序漏洞进行攻击。而Python编程语言的出现可以让攻击者更容易地发掘和利用这些漏洞&#xff0c…

chatgpt赋能python:Python创建SEO文章的指南

#Python创建SEO文章的指南 在当今数字化世界中,SEO(搜索引擎优化)对于拥有一个成功的在线业务至关重要。SEO文章不仅可以帮助提高网站的排名,还可以吸引更多的访问者并提高转化率。在本文中,我们将介绍如何使用Python…

基于统计检验的空间计量经济模型选择方法

前言 当前空间计量模型的实证研究中,国内的文献均是基于LM检验的空间自相关和空间误差模型进行选择与分析,但是LM检验确实存在局限性。故此,需要对空间计量模型选择进行一个阐述。下列出现在空间计量模型选择方法。 原理方法基于统计检验方…

chatgpt赋能python:Python怎么做选择题?

Python怎么做选择题? 作为一种最广泛使用的编程语言之一,Python被广泛应用于数据科学、机器学习、人工智能、Web开发等领域,而我们今天要聚焦的是Python如何实现选择题的功能。 选择题是什么? 选择题是一种常见的考试题型&…

ICMP协议详解

目录 1.ICMP协议简介 2.ICMP报文格式 2.1 ICMP报文以太网数据帧格式 2.2 ICMP首部格式 2.3 ICMP报文类型列表 3.ICMP故障排查工具 3.1 ping工具 3.2 traceroute工具 4.常见ICMP报文 4.1 ICMP请求和应答 4.2 ICMP差错报告报文 4.3 目标主机不可达 5.ICMP校验和计算 …

ROS学习——通信机制(话题通信④—自定义msg)

052话题通信_自定义msg_实现_Chapter2-ROS通信机制_哔哩哔哩_bilibili 2.1.4 话题通信自定义msg Autolabor-ROS机器人入门课程《ROS理论与实践》零基础教程 一、自定义msg实现 需求:创建自定义消息,该消息包含人的信息:姓名、身高、年龄等。 1.定义msg文件 &am…

python基础语法学习--字面量

1、字面量的定义 在代码中,被写下来的固定的值。 2、常见值类型 数字:Number,包含整数int、浮点数float、复数complex、布尔bool四类。 整数int:如10、-10等 浮点数float:如13.14、-13.14等 复数complex:如…

Cracking C++(6): 准确打印浮点数

文章目录 1. 目的2. 准确打印浮点数: 使用 fmt 库3. 准确算出被表示的值3.1 直观感受IEEE-754: float-toy3.2 获取浮点数二进制表示3.3 float 类型3.4 double 类型3.5 fp16 类型3.6 验证 4. 结论和讨论5. References 1. 目的 给 float 或 double 类型的变量赋值后&…