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

Vue自定义成功弹窗H5实现类似于小程序的效果

news 2026/3/30 7:06:21
 效果图：

<div class="father"><div class="success-box" v-if="isSuccess"><img src="../../assets/insure/success-logo.png" alt=""><span>{{ successTitle }}</span></div>
</div>.father{position: relative;}.success-box {width: 130px;height: 130px;border-radius: 8px;background: rgba(64, 64, 64, 0.88);display: flex;justify-content: center;flex-direction: column;align-items: center;gap: 21px;position: absolute;top: 50%;left: 50%;margin-left: -65px;margin-top: -65px;color: #FFF;text-align: center;font-family: "PingFang SC";font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;}
方法代码：

弹出后，两秒后消失

        ensurePass() {this.successTitle = '申请成功'this.isSuccess = true; //提交成功显示弹窗setTimeout(() => {this.isSuccess = false; //2s后自动关闭}, 2000);},

相关文章：

Vue自定义成功弹窗H5实现类似于小程序的效果

效果图&#xff1a; <div class"father"><div class"success-box" v-if"isSuccess"><img src"../../assets/insure/success-logo.png" alt""><span>{{ successTitle }}</span></div> &…...

编程日记 2024/1/30 5:52:44

Linux之父：我们正在从C语言转向Rust

最近&#xff0c;Linus在“Torvalds 演讲&#xff1a;人工智能对编程的影响”&#xff1a;“我们正在从C语言转向Rust”。 网友讨论&#xff1a; Linus 选择 Rust 是因为&#xff0c;这是一个中长期解决方案&#xff0c;解决了 IT 世界中缺乏 C/C 人员的实际问题&#xff0c;所…...

编程日记 2024/1/30 5:50:42

C++ qt标题栏组件绘制

本博文源于笔者在学习C qt制作的标题栏组件&#xff0c;主要包含了&#xff0c;最小化&#xff0c;最大化&#xff0c;关闭。读者在看到这篇博文的时候&#xff0c;可以直接查看如何使用的&#xff0c;会使用了&#xff0c;然后进行复制粘贴源码部分即可。 问题来源 想要制作…...

编程日记 2024/1/30 5:48:41

Mysql运维篇（三） MySQL备份与恢复

一路走来&#xff0c;所有遇到的人&#xff0c;帮助过我的、伤害过我的都是朋友&#xff0c;没有一个是敌人。如有侵权&#xff0c;请留言&#xff0c;我及时删除&#xff01; 一、物理备份与逻辑备份 1、物理备份&#xff1a;备份数据文件&#xff0c;转储数据库物理文件到某…...

编程日记 2024/1/30 5:43:36

数字图像处理（实践篇）二十七 Python-OpenCV 滑动条的使用

目录 1 涉及的函数 2 实践 1 涉及的函数 ⒈ setWindowProperty()用于设置GUI应用程序的属性 cv2.setWindowProperty(windowsName, prop_id, prop_value) 参数： ①...

编程日记 2024/1/30 5:39:32

拷贝构造函数的理解

1.拷贝构造函数与构造函数类似&#xff0c;当没有自定义拷贝构造函数的时候&#xff0c;编译器会定义一个拷贝构造函数。 当类对象没有初始化的时候&#xff0c;通过赋值运算符的形式&#xff0c;也是调用拷贝构造函数。 Test aa(100); Test bb aa;//调用拷贝构造函数Test …...

编程日记 2024/1/30 5:37:31

基于ncurse的floppy_bird小游戏

1. 需求分析 将运动分解为鸟的垂直运动和杆的左右运动。 2. 概要设计 2.1 鸟运动部分 2.2 杆的运动 3. 代码实现 #include <stdio.h> #include <ncurses.h>#include <stdlib.h> #include <time.h>int vx 0; int vy 1;int bird_r; int bird_c;int…...

编程日记 2024/1/30 5:36:29

创建第一个 Spring 项目(IDEA社区版)

文章目录 创建 Spring 项目创建一个普通的 Maven 项目添加 Spring 依赖IDEA更换国内源 运行第一个 Spring 项目新建启动类存储 Bean 对象将Bean注册到Spring 获取并使用 Bean 对象 创建 Spring 项目 创建一个普通的 Maven 项目 首先创建一个普通的 Maven 项目 添加 Spring 依…...

编程日记 2024/1/30 5:32:26

VUE3动漫影视视频网站模板源码

文章目录 1.视频设计来源1.1 主界面1.2 动漫、电视剧、电影视频界面1.3 播放视频界面1.4 娱乐前线新闻界面1.5 关于我们界面 2.效果和源码2.1 动态效果2.2 源码结构 源码下载 作者&#xff1a;xcLeigh 文章地址&#xff1a;https://blog.csdn.net/weixin_43151418/article/deta…...

编程日记 2024/1/30 5:30:24

Node.js-express

1.了解Ajax 1.1 什么是ajax Ajax的全称是Asynchronous Javascript And XML&#xff08;异步Js和XML&#xff09;. 通俗的理解&#xff1a;在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式&#xff0c;就是Ajax 1.2 为什么要学习Ajax 之前所学的技术&#xff0c…...

编程日记 2024/1/30 5:28:22

心理学笔记——我们如何思考-思想、语言和手语

我们如何思考-思想、语言和手语 研究语言的理论&#xff1a;计算理论、认知神经学、进化论 当我们讨论语言时&#xff0c;指的是英语、中文、日语这样的语言系统 所有语言都共享一些深层且复杂的共性&#xff0c;最直观的就是每一种语言都能够有效地表达抽象概念——思想、物…...

编程日记 2024/1/30 5:27:21

Matlab处理excel数据

我们新建个excel文档&#xff0c;用Matlab读取里面的内容&#xff0c;计算和判断里面的计算结果是否正确&#xff0c;并打印到另一个文档当中。 新建文档 新建输入文档&#xff0c;文件名TestExcel 编写脚本 [num,txt] xlsread(TestExcel.xlsx); SNcode num(:,1);%从序号中…...

编程日记 2024/1/30 5:22:17

某大厂关于Linux系统相关面试题

一、Linux系统和Shell 1、写一个sed命令&#xff0c;修改/tmp/input.txt文件的内容&#xff0c;要求&#xff1a;(1) 删除所有空行&#xff1b;(2) 在非空行前面加一个"AAA"&#xff0c;在行尾加一个"BBB"&#xff0c;即将内容为11111的一行改为&#xff1…...

编程日记 2024/1/30 5:17:12

Markdown（2篇文章学会Markdown

目录 1.文章链接&#xff1a;2.markdown可以用来解决什么问题&#xff1a;小结&#xff1a; 1.文章链接&#xff1a; Markdown&#xff08;2篇文章学会Markdown第一篇 Markdown&#xff08;2篇文章学会Markdown第二篇 2.markdown可以用来解决什么问题&#xff1a; 格式化文…...

编程日记 2024/1/30 5:16:11

多路IO复用服务器——select模型和poll模型

文章目录 一、多路IO复用服务器是什么&#xff1f;二、使用原理三、种类四、select模型五、select模型优缺点六、poll模型总结 一、多路IO复用服务器是什么&#xff1f; 服务器要与客户端完成tcp连接&#xff0c;并保持连接维护可用sock。 每个都需要准备一个进程管一个sock&a…...

编程日记 2024/1/30 5:15:10

【书生·浦语大模型实战营】学习笔记目录

【书生浦语大模型实战营01】《书生浦语大模型全链路开源体系》【书生浦语大模型实战营02】《轻松玩转书生浦语大模型趣味Demo》学习笔记【书生浦语大模型实战营03】《基于 InternLM 和 LangChain 搭建你的知识库》学习笔记【书生浦语大模型实战营04】《(4)XTuner 大模型单卡低成…...

编程日记 2024/1/30 5:14:09

APT32F1023X 发送RF433处理

1.硬件电路--CMT2110A 需要注意&#xff1a;发射端MCU写数据的频率要匹配&#xff0c;如果MCU发送中时间最小脉宽是1MS&#xff0c;那么它的发送需要设置为1kbps。 通过华普微USB调试工具PC软件RFPDK_V1.55查看设置是否正确。 2.RF433发送 用到的发送和接收代码来自“无线433发…...

编程日记 2024/1/30 5:13:08

如何做一个合格的产品经理

如何做一个合格的产品经理 如何做一个合格的产品经理 一、了解市场需求 产品经理的核心工作之一是了解市场需求。为了确保产品的成功&#xff0c;你需要密切关注市场动态&#xff0c;了解用户需求&#xff0c;分析竞争对手&#xff0c;并预测未来趋势。通过市场调查、用户访…...

编程日记 2024/1/30 5:05:01

Git 入门精讲

我们为什么要学习git&#xff1f; 就当下的发展而言&#xff0c;只要你从事开发就一定会接触git。作为最强大的分布式版本控制器&#xff0c;git 与 svn 有着本质上的区别。 Git是一种分布式版本控制系统&#xff0c;每个开发者都可以在本地维护完整的代码库&#xff0c;可以离…...

编程日记 2024/1/30 5:01:58

论文笔记（四十二）Diff-DOPE: Differentiable Deep Object Pose Estimation

Diff-DOPE: Differentiable Deep Object Pose Estimation 文章概括摘要I. 介绍II. 相关工作III. DIFF-DOPEIV. 实验结果A. 实施细节和性能B. 准确性C. 机器人-摄像机校准 V. 结论VI. 致谢 文章概括 作者&#xff1a;Jonathan Tremblay, Bowen Wen, Valts Blukis, Balakumar Su…...

编程日记 2024/1/30 5:00:57

互联网大厂Java求职者面试经历

Java求职面试&#xff1a;严肃面试官与搞笑水货程序员的碰撞 在一次互联网大厂的面试中&#xff0c;面试官坐在桌子后面&#xff0c;脸上挂着严肃的表情&#xff0c;而面试者则是一个搞笑的程序员&#xff0c;名叫谢飞机。 第一轮提问 面试官&#xff1a;请简述一下Java的核心特…...

编程新知 2026/3/30 7:00:56

保姆级教程：在Ubuntu上复现‘easy溯源’靶场，手把手教你分析反弹Shell和内网穿透痕迹

在Ubuntu上复现‘easy溯源’靶场&#xff1a;从环境搭建到痕迹分析实战指南 当你第一次接触应急响应时&#xff0c;是否曾被各种专业术语和复杂场景搞得晕头转向&#xff1f;本文将带你从零开始&#xff0c;在Ubuntu系统上完整复现一个名为easy溯源的靶场环境。这不是简单的解题…...

编程新知 2026/3/30 5:48:31

5分钟搞定Qwen2-7B本地部署：从GGUF下载到API调用的保姆级教程

5分钟极速部署Qwen2-7B&#xff1a;从模型下载到API调用的实战手册 在人工智能技术快速迭代的今天&#xff0c;能够在本地高效运行大语言模型已成为开发者的一项核心竞争力。Qwen2-7B作为当前最受关注的中等规模开源模型之一&#xff0c;以其出色的中文理解能力和适中的硬件需求…...

编程新知 2026/3/30 4:54:02

AI-AGENT概念解析 - LLM任务训练

**问题&#xff1a;LLM大模型是否针对写作&#xff0c;做PPT&#xff0c;编写程序&#xff0c;拆解任务这些输入参数&#xff0c;用同一个大模型需要训练为不同的模型结构或参数化的权重矩阵去适应那些不同的提示词输入参数&#xff1f; 对于不同的任务类型&#xff08;写作、做…...

编程新知 2026/3/30 4:47:57

揭秘APP签名信息：如何快速获取MD5、SHA1和SHA256值

1. 为什么需要获取APP签名信息&#xff1f; 当你下载一个APP时&#xff0c;有没有想过如何确认它真的是官方发布的版本&#xff1f;或者作为开发者&#xff0c;如何确保自己打包的APK没有被篡改&#xff1f;这些问题的答案都藏在APP的签名信息里。签名信息就像APP的"身份证…...

编程新知 2026/3/30 4:35:47

Mac Mouse Fix技术深度解析：从底层事件处理到高级鼠标功能增强的架构演进

Mac Mouse Fix技术深度解析&#xff1a;从底层事件处理到高级鼠标功能增强的架构演进 【免费下载链接】mac-mouse-fix Mac Mouse Fix - A simple way to make your mouse better. 项目地址: https://gitcode.com/GitHub_Trending/ma/mac-mouse-fix Mac Mouse Fix是一款革…...

编程新知 2026/3/30 3:18:47

指针的使用

指针基本用法C语言中使用指针可以1.程序简洁&#xff0c;紧凑&#xff0c;高效2.有效的表达复杂的数据结构3.动态分配内存4.得到多余一个的函数返回值5.编译或函数调用时为其分配内存单元6.变量是对程序中数据存储空间的抽象指针的感念在C语言中&#xff0c;内存单元的地址&…...

编程新知 2026/3/30 3:14:46

STM32F103 SPI+DMA驱动WS2812B的时序实现原理

1. WS2812B_STM32_Libmaple 库深度解析&#xff1a;基于 SPI DMA 的高性能 NeoPixel 驱动实现WS2812B&#xff08;常被称作 NeoPixel&#xff09;是当前嵌入式系统中最主流的单线协议可寻址 RGB LED。其核心挑战在于严格的时序要求&#xff1a;T0H&#xff08;逻辑 0 的高电平时…...

编程新知 2026/3/30 2:06:27

海尔智能家居无缝接入HomeAssistant：打破品牌壁垒的终极指南

海尔智能家居无缝接入HomeAssistant&#xff1a;打破品牌壁垒的终极指南 【免费下载链接】haier 项目地址: https://gitcode.com/gh_mirrors/ha/haier 还在为家中海尔设备无法与其他智能设备联动而烦恼吗&#xff1f;想象一下&#xff0c;炎热的夏天回家前就能远程开启…...

编程新知 2026/3/30 2:04:27

Java轻量级边缘运行时深度解析（OpenJDK GraalVM Substrate VM在ARM64 IoT设备上的实测压测报告）

第一章&#xff1a;Java轻量级边缘运行时概览与技术定位Java轻量级边缘运行时是面向资源受限边缘设备&#xff08;如工业网关、智能传感器、车载终端&#xff09;设计的精简型JVM执行环境&#xff0c;它在保持Java语言语义兼容性的同时&#xff0c;显著降低内存占用、启动延迟与…...

编程新知 2026/3/30 1:15:57