<style lang="less" scoped> div /deep/ .ant-modal-content{ height: 600px; width: 1000px; } div /deep/ .ant-modal-body{ height: 80%; width: 100%; } </st
原创
2022-09-20 11:59:47
443阅读
默认支持modal宽度修改但是高度.ant-modal-body,默认不支持修改,所以需要先通过挂在元素再css穿透/deep/ .ant-modal-body{} 修改样式 可以看到修改成功效果:
原创
2022-09-20 12:03:18
1609阅读
项目环境@vue/cli 4.5.8最终效果需求分析显示/隐藏
点击遮罩层能否关闭
宽度和zIndex自定义
标题栏 -显示标题和关闭按钮
主体
底部 -内置取消和确定功能前置知识teleport通过其to属性可以把实例插入到对应的body中实现过程搭建大体的html模版<template> <teleport to="body"> &
原创
2023-03-06 03:56:20
325阅读
低版本的antd table组件 官网文档上有可伸缩列功能,但是用起来有很明显的bug,无法直接拿来用;接下来给大家提供一个手写的拖拽方案:1.首先,写好v-table组件,这里最重要的就是table组件中的‘components’属性,官方对component的描述是"覆盖默认的 table 元素",意思就是对table进行重写<a-table :components="component
转载
2024-03-30 09:44:47
396阅读
平台开发一. vue-antd-admin简介二. git拉取vue-antd-admin三. 项目结构四. 通用设置五. 登录打通后端1、前端项目配置环境2、修改src/services/api.js文件3、修改src/services/user.js文件4、修改src/pages/login/Login.vue文件六. 效果展示 一. vue-antd-admin简介Vue Antd Adm
转载
2024-04-25 23:10:01
154阅读
1.Bootstrap Modal 文档里标签、属性、方法、事件都写的很清楚 2.AngularUI - Bootstrap UI Bootstrap 2.1 2.2 2.3 2.4 问题 ng-model input inside an angular-ui modal controller is
转载
2016-09-23 11:32:00
126阅读
通过这种方式绑定数据 $("#modalTarget").data("target", paras); 然后取出数据, data: JSON.stringify($("#modalTarget").data("target")), data-dismiss https://stackoverflow
转载
2018-05-31 14:13:00
106阅读
2评论
参数 scope The parent scope instance to be used for the modal's content. Defaults to $rootScope
转载
2017-03-17 16:13:00
117阅读
2评论
转载
2017-06-08 23:19:00
89阅读
2评论
除了push之外,还有另外一种控制器的切换方式,那就是Modal 任何控制器都能通过Modal的形式展示出来 Modal的默认效果:新控制器从屏幕的最底部往上钻,直到盖住之前的控制器为止 以Modal的形式展示控制器- (void)presentViewController:(UIViewContr
转载
2017-05-30 17:39:00
94阅读
2评论
需求 Bootstrap 应该还是目前最流行的前端基础框架之一。因为架构方面的优势,它的侵入性很低,可以以各种方式集成到其它项目当中。在我厂的各种产品里,都有它的用武之地。 前两天,老板抱怨,说 Modal(弹窗)在他的屏幕上太小,浪费他的 5K 显示器。 我看了一下,按照 Bootstrap 的设
转载
2020-10-04 14:30:00
341阅读
2评论
锚点定位// vue中使用 // 标题 <div class="tabs" v-for="(item, index) in tit
原创
2023-03-26 13:40:49
564阅读
ant-design-vue Table
封装表格主要功能: 1、表格加载(源数据支持数组和接口方法传递) 2、表格分页 3、表格伸缩列 4、支持单击选中行 5、表格支持列显示和隐藏(同时也可以查看AVue,具有相同的功能,AVue 组件已经封装,可直接使用;此处仅供需要情景使用)第一步安装支持vue的可拖动控件npm install vue-draggable-resizable -S第二步利用
转载
2024-03-05 21:31:38
340阅读
由于之前搜索其他modal框封装的文章时,发现大多数在使用时需要引入并注册组件,传入参数再写方法。每次引用时都要经过上述操作,觉得太麻烦了。后面通过一些资料摸索出vue3如何利用命令方式(即避免写组件标签)来弹出弹框,写下这篇文章,方便日后自己复习调用及效果先上使用方法及效果代码<template>
<div class="container">
&
转载
2024-01-29 02:43:30
313阅读
基于vue2实现左侧滑删除功能主要功能提供侧滑删除功能第一个滑动时其他的隐藏删除点击删除按钮后隐藏删除删除样式可以是图片和文字垂直滑动超过30不触发左滑解决与上拉刷新和下拉加载冲突降低左滑灵敏度全部代码组件部分<template>
<div>
<div class="slider-item" data-type="0">
vue & modal props & form data update bug
转载
2020-01-14 17:14:00
155阅读
2评论
使用bootstrap框架,引入文件或者调用方法函数的时候会出现 modal is not a function type="text/javascript" src="js/bootstrap.js"> src="//code.jquery.com/jquery-1.11.0.min.js">总而言之:上面的引入方式是错误的,一定要jquery在前面,因为bootstrap引用了jquery中的
转载
2023-05-17 13:33:24
245阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
原创
2022-06-29 12:31:50
146阅读
# JavaFX Modal Dialogs 教程
作为一名经验丰富的开发者,我将指导你如何实现JavaFX中的模态对话框(Modal Dialogs)。模态对话框是一种特殊的窗口,当它显示时,用户必须与它交互才能继续使用应用程序的其他部分。以下是实现JavaFX模态对话框的完整流程。
## 步骤概览
以下是实现JavaFX模态对话框的步骤概览:
| 步骤 | 描述 |
| --- | -
原创
2024-07-21 05:27:08
28阅读
最近公司在用bootstrap和Jquery UI做项目,类似与OA的东西前两天碰到点问题,记录一下。希望读者不要在遇到和我一样的问题。 1 datepicker。不知道怎么自己下载的bootcss里面没找到datepicker,于是就选了Jquery UI的datepicker。使用的时候要注意两个问题。 如果页面上多个input ,并且id都是input1,那么在页面载入完成的时候
转载
2024-06-25 10:35:36
110阅读