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

ant design vue j-modal 修改高度

news 2026/4/3 18:04:20

问题描述

今天在项目中遇到关于j-modal组件修改弹窗大小问题，我尝试使用直接使用:height="300"，没用效果，弹窗大小依然和没改之前一样，后来找到了这种方式可以去修改j-modal弹窗大小，下面来看下代码实现！

解决方案

<j-modal :visible="visiblePd"  :width="1550" v-bind:body-style="{height:'700px'}" cancelText="关闭" switchFullscreen title="xxx" @cancel="visiblePd = false"@ok="handlePdOk">

首先找到你要修改哪个j-modal组件，添加v-bind:body-style="{height:'700px'}" 这段代码去控制弹窗的大小，如果说要其它样式的话，直接在height:'700px’逗号再去添加别的样式，根据自己的需求去尽显调整！

结束语

如果有不明白的地方，或者你使用这种方式还是没有解决掉你的问题，可以私信本博主哦，后期会分享更多在项目实战中遇到的问题以及前沿的技术！

相关文章：

ant design vue j-modal 修改高度

问题描述 今天在项目中遇到关于j-modal组件修改弹窗大小问题&#xff0c;我尝试使用直接使用:height"300"&#xff0c;没用效果&#xff0c;弹窗大小依然和没改之前一样&#xff0c;后来找到了这种方式可以去修改j-modal弹窗大小&#xff0c;下面来看下代码实现&…...

编程日记 2023/7/30 13:13:18

spring学习笔记七

一、自动装配 1.1、BookDao接口和实现类 public interface BookDao {void save(); } public class BookDaoImpl implements BookDao {public void save(){System.out.println("book dao save......");} } 1.2、BookService接口和实现类 public interface BookSer…...

编程日记 2023/7/30 13:12:17

hw技战法整理参考

目录 IP溯源反制 账户安全策略及预警 蜜罐部署联动方案...

编程日记 2023/7/30 13:11:15

uniapp 全局数据（globalData）的设置，获取，更改

globalData&#xff0c;这是一种简单的全局变量机制。这套机制在uni-app里也可以使用&#xff0c;并且全端通用 因为uniapp基本上都是将页面&#xff0c;或者页面中相同的部分&#xff0c;进行组件化&#xff0c;所以会存在父&#xff0c;子&#xff0c;&#xff08;子&#xf…...

编程日记 2023/7/30 13:10:14

Profinet转EtherNet/IP网关连接AB PLC的应用案例

西门子S7-1500 PLC&#xff08;profinet&#xff09;与AB PLC以太网通讯&#xff08;EtherNet/IP&#xff09;。本文主要介绍捷米特JM-EIP-PN的Profinet转EtherNet/IP网关&#xff0c;连接西门子S7-1500 PLC与AB PLC 通讯的配置过程&#xff0c;供大家参考。 1, 新建工程&…...

编程日记 2023/7/30 13:09:12

Python组合模式介绍、使用方法

一、Python组合模式介绍 概念&#xff1a; 组合模式(Composite Pattern)是一种结构型设计模式&#xff0c;它通过将对象组合成树状结构来表示“整体/部分”层次结构&#xff0c;让客户端可以以相同的方式处理单个对象和组合对象。 功能&#xff1a; 统一对待组合对象和叶子对…...

编程日记 2023/7/30 13:08:11

生成模型和判别模型工作原理介绍

您解决的大多数机器学习和深度学习问题都是从生成模型和判别模型中概念化的。在机器学习中，人们可以清楚地区分两种建模类型： 将图像分类为狗或猫属于判别性建模生成逼真的狗或猫图像是一个生成建模问题神经网络被采用得越多，生成域和判别域就增长得越多。要理解基于这些模型…...

编程日记 2023/7/30 13:07:10

shardingsphere读写分离配置

注&#xff1a; 如果是升级之前的单库单表&#xff0c;要将之前的 数据库接池 druid-spring-boot-starter 注释掉&#xff0c;换成 druid&#xff0c;否则无法连接数据库。 原因&#xff1a; 因为数据连接池的starter&#xff08;比如druid&#xff09;可能会先加载并且其创…...

编程日记 2023/7/30 13:06:09

登录报错 “msg“:“Request method ‘GET‘ not supported“,“code“:500

1. 登录失败 2. 排查原因, 把 PostMapping请求注释掉, 或改成GetMapping请求就不会报错 3. 找到SecurityConfig.java , 新增 .antMatchers("/**/**").permitAll() //匹配允许所有路径 4. 登录成功...

编程日记 2023/7/30 13:05:08

Python 日期和时间

Python 日期和时间 Python 程序能用很多方式处理日期和时间&#xff0c;转换日期格式是一个常见的功能。 Python 提供了一个 time 和 calendar 模块可以用于格式化日期和时间。 时间间隔是以秒为单位的浮点小数。 每个时间戳都以自从1970年1月1日午夜&#xff08;历元&…...

编程日记 2023/7/30 13:04:07

pytorch的发展历史，与其他框架的联系

我一直是这样以为的&#xff1a;pytorch的底层实现是c(这一点没有问题&#xff0c;见下边的pytorch结构图),然后这个部分顺理成章的被命名为torch,并提供c接口,我们在python中常用的是带有python接口的&#xff0c;所以被称为pytorch。昨天无意中看到Torch是由lua语言写的&…...

编程日记 2023/7/30 13:03:06

Kibana-elastic--Elastic Stack--ELK Stack

Kibana 是什么&#xff1f; | Elastic 将数据转变为结果、响应和解决方案 使用 Kibana 针对大规模数据快速运行数据分析&#xff0c;以实现可观测性、安全和搜索。对来自任何来源的任何数据进行全面透彻的分析&#xff0c;从威胁情报到搜索分析&#xff0c;从日志到应用程序监测…...

编程日记 2023/7/30 13:02:02

Docker复杂命令便捷操作

启动所有状态为Created的容器 要启动所有状态为"created"的Docker容器&#xff0c;可以使用以下命令&#xff1a; docker container start $(docker container ls -aq --filter "statuscreated")上述命令执行了以下步骤&#xff1a; docker container l…...

编程日记 2023/7/30 13:01:01

Python中的datetime模块

time模块用于取得UNIX纪元时间戳&#xff0c;并加以处理。但是&#xff0c;如果以方便的格式显示日期&#xff0c;或对日期进行算数运算&#xff0c;就应该使用datetime模块。 目录 1. datetime数据类型 1&#xff09; datetime.datetime.now()表示特定时刻 2&#xff09;da…...

编程日记 2023/7/30 12:59:59

Flutter - 微信朋友圈、十字滑动效果(微博/抖音个人中心效果)

demo 地址: https://github.com/iotjin/jh_flutter_demo 代码不定时更新&#xff0c;请前往github查看最新代码 前言 一般APP都有类似微博/抖音个人中心的效果&#xff0c;支持上下拉刷新&#xff0c;并且顶部有个图片可以下拉放大&#xff0c;图片底部是几个tab&#xff0c;可…...

编程日记 2023/7/30 12:58:58

MySQL检索数据和排序数据

目录 一、select语句 1.检索单个列&#xff08;SELECT 列名 FROM 表名;&#xff09; 2.检索多个列&#xff08;SELECT 列名1&#xff0c;列名2&#xff0c;列名3 FROM 表名;&#xff09; 3.检索所有的列&#xff08;SELECT * FROM 表名;&#xff09; 4.检索不同的行&#x…...

编程日记 2023/7/30 12:57:57

通过STM32内部ADC将烟雾传感器发送的信号值显示在OLED上

一.CubeMX配置 首先我们在CubeMX配置ADC1, 设置一个定时器TIM2定时1s采样一次以及刷新一次OLED&#xff0c; 打开IIC用于驱动OLED显示屏。 二.程序 在Keil5中添加好oled的显示库&#xff0c;以及用来显示的函数、初始化函数、清屏函数等。在主程序中初始化oled,并将其清屏。…...

编程日记 2023/7/30 12:56:53

ZEPHYR 快速开发指南

简介 国内小伙伴在学习zephyr的时候&#xff0c;有以下几个痛点&#xff1a; 学习门槛过高github访问不畅&#xff0c;下载起来比较费劲。 这篇文章将我自己踩的坑介绍一下&#xff0c;顺便给大家优化一些地方&#xff0c;避免掉所有的坑。 首先用virtualbox 来安装一个ubu…...

编程日记 2023/7/30 12:55:51

【FPGA + 串口】功能完备的串口测试模块，三种模式：自发自收、交叉收发、内源

【FPGA 串口】功能完备的串口测试模块&#xff0c;三种模式&#xff1a;自发自收、交叉收发、内源 VIO 控制单元 wire [1:0] mode;vio_uart UART_VIO (.clk(ad9361_l_clk), // input wire clk.probe_out0(mode) // output wire [1 : 0] probe_out0 );将 mod…...

编程日记 2023/7/30 12:54:50

初步了解预训练语言模型BERT

本文字数&#xff1a;&#xff1a;4024字 预计阅读时间&#xff1a;12分钟 BERT是由Google提出的预训练语言模型&#xff0c;它基于transformer架构&#xff0c;被广泛应用于自然语言处理领域&#xff0c;是当前自然语言处理领域最流行的预训练模型之一。而了解BERT需要先了解注…...

编程日记 2023/7/30 12:53:48

Phi-4-mini-reasoning Chainlit插件开发：集成代码执行与结果可视化

Phi-4-mini-reasoning Chainlit插件开发&#xff1a;集成代码执行与结果可视化 1. 项目概述 Phi-4-mini-reasoning 是一个基于合成数据构建的轻量级开源模型&#xff0c;专注于高质量、密集推理的数据处理能力。作为Phi-4模型家族的一员&#xff0c;它特别强化了数学推理能力…...

编程新知 2026/4/3 17:39:16

后端消息投递可靠性：基于 RabbitMQ 的“双重防线-幂等闭环”模式

后端消息投递可靠性&#xff1a;基于 RabbitMQ 的“双重防线-幂等闭环”模式 一、 发送核心&#xff1a;rabbitTemplate.convertAndSend 重载全览 在 RabbitMQ 的“中控-工人”模式中&#xff0c;中控&#xff08;生产者&#xff09;发送指令的形式决定了任务的可靠性深度。 1.…...

编程新知 2026/4/3 16:42:19

2026 年，DD4 内存条平台为何仍备受关注？

在内存技术飞速发展的今天&#xff0c;DDR5内存条逐渐成为了市场的主流。然而&#xff0c;令人意外的是&#xff0c;DDR4内存条平台在2026年仍然备受关注。究竟是什么原因让DDR4内存条在新时代依然占据一席之地呢&#xff1f;本文将从多个角度为您深入剖析。一、性价比之选对于…...

编程新知 2026/4/3 16:26:05

AI CRM 2.0时代：SaaS厂商的生死局

今天的SaaS厂商&#xff0c;要么彻底重构底层架构&#xff0c;要么被时代抛弃。原创&#xff1a;首席数智官 封面&#xff1a;AI“未来每一家SaaS公司都会成为AaaS&#xff08;Agentic as a Service&#xff09;公司。”这是英伟达创始人、CEO黄仁勋在GTC 2026演讲中给出的判断…...

编程新知 2026/4/3 15:57:44

3步上手AssetStudio：从Unity游戏资源提取到格式转换全攻略

3步上手AssetStudio&#xff1a;从Unity游戏资源提取到格式转换全攻略 【免费下载链接】AssetStudio AssetStudio - Based on the archived Perfares AssetStudio, I continue Perfares work to keep AssetStudio up-to-date, with support for new Unity versions and additio…...

编程新知 2026/4/3 14:36:15

如何在5分钟内搭建终端风格网站：LiveTerm自动化安装完整指南

如何在5分钟内搭建终端风格网站&#xff1a;LiveTerm自动化安装完整指南 【免费下载链接】LiveTerm &#x1f4bb; Build terminal styled websites in minutes! 项目地址: https://gitcode.com/gh_mirrors/li/LiveTerm LiveTerm是一款功能强大的开源工具&#xff0c;能…...

编程新知 2026/4/3 13:53:22

新手零代码入门：用快马ai一键生成vmware虚拟机图文安装教程

新手零代码入门&#xff1a;用快马AI一键生成VMware虚拟机图文安装教程 最近在学网络安全和Linux系统&#xff0c;第一步就是要搭建虚拟机环境。作为完全没接触过虚拟化技术的小白&#xff0c;我原本以为安装VMware会很复杂&#xff0c;结果发现用InsCode(快马)平台的AI功能&a…...

编程新知 2026/4/3 13:43:17

六自由度工业机器人设计【说明书（论文）+CAD图纸+SolidWorks三维图+任务书+开题报告】

六自由度工业机器人作为现代自动化领域的核心装备&#xff0c;其设计需兼顾机械结构、运动控制与系统集成等多维度技术要求。该类机器人通过六个独立旋转轴的协同运动&#xff0c;可实现末端执行器在三维空间内的灵活定位与姿态调整&#xff0c;广泛应用于焊接、装配、搬运等工…...

编程新知 2026/4/3 13:23:06

如何用5个步骤构建企业级智能SQL工具？自然语言转SQL全攻略

如何用5个步骤构建企业级智能SQL工具&#xff1f;自然语言转SQL全攻略 【免费下载链接】sqlcoder SoTA LLM for converting natural language questions to SQL queries 项目地址: https://gitcode.com/gh_mirrors/sq/sqlcoder 在数据驱动决策的时代&#xff0c;自然语言…...

编程新知 2026/4/3 13:04:51

5大场景落地指南：企业级语音识别服务从部署到优化全攻略

5大场景落地指南&#xff1a;企业级语音识别服务从部署到优化全攻略 【免费下载链接】whisper-asr-webservice OpenAI Whisper ASR Webservice API 项目地址: https://gitcode.com/gh_mirrors/wh/whisper-asr-webservice 【项目核心价值定位】解决3大语音识别痛点的开源…...

编程新知 2026/4/3 12:20:26