ivew模态框

React封装通用Form组件，类型转换、命名控件样式隔离、支持表单验证、位置自定义、自定义布局、提示信息info等功能。未采用二次封装调整灵活，包含使用文档

封装通用组件一、封装思想二、react代码三、css代码四、实现效果五、使用文档BasicFormModal表格模态框组件组件简介功能特点使用方法基础用法宽度和位置控制使用初始值多种输入类型示例表单验证字段提示信息禁用字段自定义样式更新日志
夜斗(dou)·2025-03-17 14:26

ShadCN UI

ShadCNUI提供了许多常见的UI元素（如按钮、表单、模态框等），并且具备良好的设计规范和开发支持，尤其适用于React项目。
酒江·2025-03-16 19:34

深入解析 Vue 3 Teleport：原理、应用与最佳实践

在开发中，我们经常遇到模态框、通知、弹窗、工具提示（Tooltip）等UI组件，这些组件通常需要被渲染到body或特定DOM节点，以避免z-index层级问题。Vue3的Teleport解决了这个问
赵大仁·2025-03-15 16:17

IDEA中把git commit 处于中间位置的模态框转换为侧边栏标签

因误触一设置按键把本来位置处侧边栏的GitCommit提交窗口更改为中间位置发现不对劲马上去找修改按钮无果后查阅手册发现打开Settings->VersionControl->Commit恢复正常
htclgb·2025-03-09 07:07

vue3 Teleport的使用及场景。

Teleport的使用场景包括但不限于：模态框（Modal）：你可以使用Teleport将模态框的内容渲染到标签之外，以避免模态框受到父级容器CSS样式的影响，并且可以保证在层叠顺序上处于最顶层。
gxw_viva·2025-03-06 00:14

DeepSeek 助力 Vue3 开发：打造丝滑的模态框（Modal）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的模态框（Modal）前言页面效果指令输入定义属性显示与隐藏相关内容相关样式与布局相关按钮相关定义事件其他
宝码香车·2025-03-04 01:28

Vue3 Composition API与十大组件开发案例详解

文章目录一、Vue3核心API解析1.1CompositionAPI优势1.2核心API二、十大组件开发案例案例1：响应式表单组件案例2：动态模态框（Teleport应用）案例3：可复用列表组件案例4：
北辰alk·2025-03-01 09:42

关于Bootstrap的前端面试题及其通俗易懂的答案解析

8.Bootstrap中的模态框是如何使用的？9.如何在Bootstrap中实现图片
HappyAcmen·2025-02-22 10:56

vue3.x的Teleport详细解读

这在处理模态框、通知、下拉菜单等需要脱离当前组件层级的情况下非常有用。
黑码小帅·2025-02-17 09:09

Vue - 在纯 JS 文件中调用自定义组件 / 类似 ElementUI 弹框组件 Message、Modal（在纯 js 文件中通过 import 方式引入并调用弹框模态框组件显示出来,）

前言用过ElementUI/AntDesignvue组件库的都知道，它们的消息提示框（Message）及模态框（Modal）不仅可以用组件的方式调用，还可以在纯js文件中引入组件和调用显示。
王二红·2025-02-11 05:01

批量导入数据

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：VS作者：韩日九儿撰写时间：2021/7/281.大体思路，先是清空表单打开导入模态框
zzzhhnice·2025-02-04 07:40

DeepSeek-R1：多模态AGI的实践突破与场景革命

二、技术架构与创新亮点统一的多模态框架采用Transformer-bas
热爱分享的博士僧·2025-01-31 14:09

微信小程序实现类似picker多选

版本迭代picker单选改为多选，官方文档只有多列选择器没有多选，自己写呗最终实现效果图实现思路：1.自己画模态框2.遍历初始数据push新增参数checked:false3.点击改变checked值来实现多选上代码
JRJ || 575·2025-01-19 15:15

11.购物车页面下订单

购物车页面下订单一、前端处理1.引入订单模态框2.创建模态框对象、添加事件响应函数、定义下订单函数二、后端处理2.1加注解路径，加case子块2.1实现cartChkList函数一、前端处理1.引入订单模态框引入模态框组件
骤跌·2024-08-25 09:14

React 模态框的设计（四）状态管理

题外话不多说，从这节课开始，我把这个模态框的教程写完整。请看效果：这个模态框功能相对比较完整，应该能满足大部分的使用场景了，相信看完这个系统的文章后，你应该就能开发出一个自己的模态框了。
码蚁先生·2024-03-05 17:42

Vue 3 中的 Teleport 特性详解

这一功能在处理如模态框、弹出菜单、提示框等需要从其原始位置在视觉上移动到其他地方的用户界面元素时特别有用。Teleport是什么？
琛哥的程序·2024-03-04 14:36

微信小程序模糊查询+自定义模态框

我们软件工程科的期末大作业要求是任意主题任意形式，做出一个真真实实的可以使用的软件网站等东西出来，我们小组的主题是动态营养搭配，做到搜索食物营养成分的时候有这样一个想法，怎样才能根据搜索的内容，类似于关键字之类的能直接搜索到想要的食物，例如紫菜，搜素’紫‘或者“菜”的时候都能够搜索到紫菜词条，以及数据库中数据尚未完善，在没有该条词条的时候弹出提示框。(写的时候没有想太多，方法较为粗暴)于是上网搜索
Randomlv·2024-02-20 14:57

uniapp的动画运用（五）倒计时动画DEMO

exportdefault{data(){return{//是否显示模态框isShowModal:false,//默认数字num:3,//定时器timer:null,//是否开启动画isAnimation
周星星的学习笔记·2024-02-15 01:45

扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框

js代码functioninitView(_box){var$p=$(_box||document);$('a[target="dialog"]',$p).each(function(event){$(this,$p).unbind('click').click(function(event){openModal(event);});});}$(function(){initView();});/
ok060·2024-02-10 19:24

vue3-内置组件-Teleport

这类场景最常见的例子就是全屏的模态框。理想情况下，我们希望触发模态框的按钮和模态框本身是在同一个组件中，因为它们都与组件的开关状态有
王大可996·2024-02-10 06:59

Bootstrap学习三

Bootstrap学习三文章目录前言四、Bootstrap插件4.1.插件概览4.1.1.data属性4.1.2.编程方式的API4.1.3.避免命名空间冲突4.1.4.事件4.2.模态框4.2.1.引入
星石传说·2024-02-09 18:03

TP5 小程序和公众号打通版免费项目案例

Tp5.1+VUE+Layui+ivew开发、全新ui、免费开源下载完美商城源码及小程序和公众号打通版免费项目案例：http://github.crmeb.net/u/liaofei
那个人_50f8·2024-02-07 13:10

BootStrap笔记参考（全）-优极限

特点2.3下载与使用3.布局容器和栅格网格系统3.1布局容器3.2栅格网格系统4.常用样式4.1排版4.2表单4.3缩略图4.4面板5.BootStrap插件5.1导航5.2分页导航5.3下拉菜单5.4模态框
A-艺凡·2024-02-06 19:33

Bootstrap学习笔记-模态框

简介模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的功能集，参考modal。
zhbhun·2024-02-06 19:33

JQuery动态插入Bootstrap模态框（Modal）

有些网站在大部分页面都有登录按钮，如果是用Bootstrap的模态框调用的话，常规方式都是写在HTML里面，这就不太方便后期修改，因为你一旦要修改就要动到很多个页面！
ok060·2024-02-06 19:32

【Bootstrap学习笔记】7.模态框插件

十三、模态框插件学习内容模态框插件模态框的大小模态框淡入淡出效果模态框用法说明(用法、参数、方法、事件)●模态框插件1.交互网站非常常见的弹出窗插件2.模态框的弹窗组件需要三层div容器，分别是modal
sunraito·2024-02-06 19:32

vue3项目实现预览图片、旋转图片功能

接收图片的URL，弹出一个模态框展示大图。旋转图片功能：在模态框内添加一个“旋转图片”按钮。
Miraitowa_chole·2024-02-06 03:18

html的dialog标签元素

模态框(modal)用法与普通用法不同的是，显示需要使用showModal方法，而模态框默认上下左右居中，还有默认的蒙层。当模态框显示的时候，可
大拿加拿大·2024-02-04 05:15

带有 HTML5 ＜dialog＞ Tag的原生弹出窗口对话框

使用标签，预计在创建模态框时可以减少50%的工作量。演示演示#1这个演示显示了一
allway2·2024-02-04 04:03

HTML5 之 Dialog 标签

属性open  用于控制模态框的显隐，即含有open属性就显示，否则隐藏。helloworld  浏览器呈现如下，含有部分默认样式，并且仅水平方向居中。  显示时样式。  隐藏时样式。
DonV·2024-02-04 04:30

自定义modal模态框

在uni-app中，通过自定义组件和组件扩展来实现自定义的模态框Modal组件。1.创建自定义组件：在uni-app项目中，创建一个自定义的模态框组件。
前端fighter·2024-02-02 16:08

vue H5 IOS中自定义的弹框(模态框)点击软键盘中 "完成" 后导致弹框(模态框)中的事件无法触发

action=article&id=25941https://www.cnblogs.com/jinjiyese153/p/10436511.html问题描述微信公众号中有项功能是弹框模态框，输入信息后保存操作
LYP_0320·2024-02-02 14:33

客户用IE批量下载文件文件到不同文件夹不压缩（包含分页带条件动态查询）

首页.login-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}/*模态框*/.login-box{display
cqwuliu·2024-02-01 12:01

路飞项目--05

登录模态框分析思路：1、登录，注册，都写成组件，在任意页面中都能点击显示登录模态框2、写好的组件，应该放在大组件中3、如果写简单，登录注册做成页面组件，点击路由跳转即可4、放在Header.vue中，以后任意页面组件引入
糖果爱上我·2024-01-31 07:33

VUE 使用 ivew 表单自定义验证在某函数中触发验证

使用iview的表单自定义验证时,除了blur和change触发验证外,我们有时候需要在其他地方触发验证,这时候可以在某函数中添加:this.$refs.editForm.validateField('filePath');其中editForm是表单标识,filePath是表单项标识
Bior·2024-01-30 04:42

VUE组件插槽、es6导入导出、脚手架安装

按钮我是标题内容我是默认中间内容newVue({el:"#app",/*注册组件的命名是首字母大写使用组件的时候中间要使用-分割*/components:{ChildA:{template:"#childa"}}})/*有一个模态框组件
清风伴酒__·2024-01-25 09:08

uniapp组件库Modal 模态框 的使用方法

目录#平台差异说明#基本使用#传入富文本内容#异步关闭#点击遮罩关闭#控制模态框宽度#自定义样式#缩放效果#API#Props#Event#Method#Slots弹出模态框，常用于消息提示、消息确认、
TechWhiz-晓同·2024-01-25 06:09

VUE -- 组件库

PC端：●ElementUI：ElementUI官网（饿了么前端团队开发，有vue2和vue3两种版本）●AntDesign：AntDesign官网（阿里团队开发）●ViewUI：ViewUI官网（也叫ivew
煸橙干儿~~·2024-01-23 18:33

uniapp——thorUI的tui-datetime（picker等）在多个抽屉/弹窗中，会默认展示在页面中或者点击一次展示在页面中，第二次才会显示模态框，而且关不掉了的问题解决办法

解决办法，zindex跟不上，用view设定zindex给他带上来，然后用v-show控制显隐我在24年1月17号发现，tui-picker用这种方式搞，如果子组件很长是可区域滚动的，会出现倒数第二张图片的情况，不同的是可以关闭。那么这种方式好像都会导致这样遮罩层和tui-picker只挡住了可视范围内的出现这种情况，直接干一个，要多大调调height就完事了假如你只有这一句显示的时候：你会发现l
dlchgg·2024-01-21 14:08

Tailwind CSS安装和构建的正确操作方式

简介一般的UI中CSS框架都是内建各种预设的组件，比如表单、按钮、菜单、模态框等，当需要通过定制化设计时，组件的高度耦合性则带来很大的弊
wjcms·2024-01-20 08:26

Bootstrap 辅助类

关闭图标使用通用的关闭图标来关闭模态框和警告框。使用classclose得到关闭图标。实例关闭图标实例×
P_adg132·2024-01-19 16:39

第三次修改了自学html做了自己要的账号密码记录器：新增窗口可以拖动，禁止除了账号的文本选中，美化了样式

JS可拖动模态框.a{background-color:rgba(44,220,0,0.5);background-image:linear-gradient(totopleft,rgba(0,0,0,0.2
与妖为邻·2024-01-17 11:18

ivew图标icon在vue项目form表单中不能正常使用，有的能正常显示，有的不能显示

问题描述:ivew图标icon在vue项目form表单中不能正常使用，有的能正常显示，有的不能显示。
web前端小学生·2024-01-16 15:41

为什么子组件接收到的modalRef是来自于父组件属性的引用？，@Input() modalRef: NzModalRef；

通过使用@Input()modalRef:NzModalRef;装饰器将modalRef声明为子组件的输入属性，可以让父组件传递模态框的引用给子组件。
董厂长·2024-01-16 06:25

VUE组件插槽、es6导入导出、脚手架安装

按钮我是标题内容我是默认中间内容newVue({el:"#app",/*注册组件的命名是首字母大写使用组件的时候中间要使用-分割*/components:{ChildA:{template:"#childa"}}})/*有一个模态框组件
GGYY丶·2024-01-15 22:08

VUE 使用 ivew 表单自定义验证在某函数中触发验证

使用iview的表单自定义验证时,除了blur和change触发验证外,我们有时候需要在其他地方触发验证,这时候可以在某函数中添加:this.$refs.editForm.validateField('filePath');其中editForm是表单标识,filePath是表单项标识
Bior·2024-01-15 19:06

bootstrap模态框modal被遮罩层挡住问题处理

先从modal的配置中移除遮罩层×ModaltitleOnefinebody…Close按需加入和移除遮罩层//监听模态框开启并加入遮罩层$(document).on("show.bs.modal
梓喻·2024-01-12 04:58

MVC+Layui弹出表单模态框

1、Html页面添加隐藏的form表单添加添加按钮规格型号：物料类型：入库数量：入库时间：备注：2、js添加弹出框和提交事件layui.use(function(){varlayer=layui.layer;//弹出框varform=layui.form;//表单varlaydate=layui.laydate//日期控件varutil=layui.util;//获取模块//日期时间选择器layd
它朝若是·2024-01-11 09:55

前端day-08

目录每日测试昨日内容回顾js事件jQuery简介jQuery选择器今日内容概要今日内容详细jQuery练习题操作标签事件克隆事件自定义模态框左侧菜单返回顶部自定义登录校验input实时监控hover事件键盘按键事件今日作业每日测试
右耳要加油·2024-01-10 07:30

若依 模态框调整

模态框点击空白不消失设置属性:close-on-click-modal="false"如果想全部设置可以在main.js中添加以下内容Element.Dialog.props.closeOnClickModal.default
诸法空性·2024-01-08 17:20
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他