将form表单中的省市区的3个el-select下拉框的样式调成统一的间隔距离和长度，vue3项目iot-＞供应商管理

省市区是用3个el-select组成的

在表单中用el-col，会导致3个下拉的距离不统一，市和区的前面也是不需要文字label的

如何解决:用vue3的:deep()进行样式穿透，由于el-form-item标签都是一样的，为了能准确的找到市的el-form-item，给这个el-form-item标签设置一个id

 用vue3的样式穿透改长度

 

 因为市和区的前面都不需要文字label,所以el-form-item标签里没有写label

 最后，实现了省市区的下拉框之间的间隔一样，下拉框的长度也一样，这样比较好看

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

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

C语言众数问题（ZZULIOJ1201:众数问题）

C语言众数问题（ZZULIOJ1201:众数问题）

题目描述 给定含有n个元素的多重集合S，每个元素在S中出现的次数称为该元素的重数。多重集S中重数最大的元素称为众数。 例如，S{1，2，2，2，3，5}。多重集S的众数是2，其重数为3。 编程任务…
阅读更多...
部署系列六基于nndeploy的深度学习 图像降噪unet部署

部署系列六基于nndeploy的深度学习 图像降噪unet部署

文章目录 1.直接在源代码demo中修改2. 如何修改呢？ https://github.com/DeployAI/nndeploy https://nndeploy-zh.readthedocs.io/zh/latest/introduction/index.html 1.直接在源代码demo中修改 如果你想运行yolo5: onnxruntime:115ms ./install/lib/demo_nndeploy_…
阅读更多...
【华为数通HCIP | 网络工程师】821-IGP高频题、易错题之OSPF（5）

【华为数通HCIP | 网络工程师】821-IGP高频题、易错题之OSPF（5）

个人名片： 🐼作者简介：一名大三在校生，喜欢AI编程🎋 🐻‍❄️个人主页🥇：落798. 🐼个人WeChat：hmmwx53 🕊️系列专栏：🖼️…
阅读更多...
Android 提示框代码 java语言

Android 提示框代码 java语言

在Android中，你可以使用 AlertDialog 类来创建提示框。以下是一个简单的Java代码示例，演示如何创建和显示一个基本的提示框： import android.app.AlertDialog; import android.content.Context; import android.content.DialogInterface; im…
阅读更多...
EXIT外部中断 HAL库+cubeMX

EXIT外部中断 HAL库+cubeMX

一.cubeMX外部中断配置 1.系统内核 2.中断管理 3.选择抢占优先级和响应优先级，共有5个等级，在这里就使用库函数编写代码时最常用的2位抢占优先级2位响应优先级。 4.勾选使能选项，后面的两个零，第一个代表抢占优先级的等级&#xf…
阅读更多...
怎么申请IP地址证书？

怎么申请IP地址证书？

IP地址证书，也称为SSL证书，是一种数字证书，用于在网络传输过程中对IP地址进行加密和解密。它是由受信任的证书颁发机构（CA）颁发的，用于证明网站所有者身份的真实性和合法性。 一、选择证书颁发机构。首先需…
阅读更多...
图片上传加时水印

图片上传加时水印

做园区巡检需求时，需要巡检打卡拍照上传功能，并且在照片上添加当前时间的水印 创建canvas拍照后拿着图片画到canvas上同时获取当前时间也画到canvas上，再将canvas生成base64的url拿着合成的图片url进行下面的逻辑上代码 function addWaterm…
阅读更多...
HR9110H 单通道低压 H 桥电机驱动芯片

HR9110H 单通道低压 H 桥电机驱动芯片

HR9110H为消费类产品、玩具和其它低电压或者电池供电的运动控制类应用提供了一个集成的电机驱动器解决方案。HR9110H是SOP8封装，且是无铅产品，符合环保标准。 HR9110H能够驱动一个直流有刷电机或其他诸如螺线管的器件。输出驱动模块由PMOSNMOS功率管构成…
阅读更多...
WPF实战项目十六（客户端）：备忘录接口

WPF实战项目十六（客户端）：备忘录接口

1、新增IMemoService接口&#xff0c;继承IBaseService接口 public interface IMemoService : IBaseService<MemoDto>{} 2、新增MemoService类&#xff0c;继承BaseService和IMemoService接口 public class MemoService : BaseService<MemoDto>, IMemoService{pub…
阅读更多...
G1垃圾收集器

G1垃圾收集器

1.G1的目的&#xff1a; Garbage First&#xff0c;也就是垃圾优先原则&#xff0c;也就是空间方面的关注点。同时照顾到停顿时间以及吞吐量。 G1垃圾收集器的设计目的是避免完全回收&#xff0c;但是当并发收集不能足够快地回收内存时&#xff0c;就会发生完全回收GC。G1的完…
阅读更多...
工业以太网交换机未来发展中的几个趋势

工业以太网交换机未来发展中的几个趋势

随着工业自动化不断发展和智能制造的推进&#xff0c;工业以太网交换机在未来的应用中将面临更多的发展机遇和挑战。在工业以太网交换机的未来发展中&#xff0c;有几个方面将成为趋势。 网络虚拟化 随着工业自动化系统规模的不断扩展&#xff0c;网络虚拟化将成为未来的发展方…
阅读更多...
基于亚马逊云科技大语言模型等服务打造企业知识库

基于亚马逊云科技大语言模型等服务打造企业知识库

背景 大语言模型是自然语言处理领域的一项重要技术&#xff0c;能够通过学习大量的文本数据&#xff0c;生成具有语法和意义的自然语言文本。目前大语言模型已经成为了自然语言处理领域的一个热门话题&#xff0c;引起了广泛的关注和研究。 知识库需求在各行各业中普遍存在&a…
阅读更多...
阿里云OSS代码集成部分问题分析

阿里云OSS代码集成部分问题分析

公司内部开发了一个文件相关的应用&#xff0c;由于服务器带宽限制导致多个用户同时上传或者下载文件时速度很慢&#xff0c;遂将文件迁移至阿里云OSS服务器。下面是迁移的过程中遇到的部分问题。 问题1. 跨域错误 错误信息如下&#xff1a; Access to XMLHttpRequest at htt…
阅读更多...
关于同一接口有多个不同实现的设计方案

关于同一接口有多个不同实现的设计方案

关于同一接口有多个不同实现的设计方案 前言 最近公司做了一个银行相关的项目&#xff0c;告诉我公司对接了多个银行的支付&#xff0c;每个银行都有对应的接口要去对接&#xff0c;比如&#xff1a;交易申请&#xff0c;交易取消&#xff0c;支付&#xff0c;回单&#xff0…
阅读更多...
工作流引擎架构设计

工作流引擎架构设计

一个应用MIS的系统的架构离不开工作流引擎&#xff0c;具有流程引擎思维的架构人员设计系统的时候就有流程的思维&#xff0c;他区别于过程思维&#xff0c;过程思维开发出来的系统&#xff0c;用户面对的是菜单、模块。而流程思维设计出来的系统就是发起、待办、在途、查询、近…
阅读更多...
电子商务活动中无处不在的电商API接口|淘宝/天猫/京东/1688

电子商务活动中无处不在的电商API接口|淘宝/天猫/京东/1688

我们的日常生活中无处不是API API已经成为我们日常生活中无处不在的技术&#xff0c;我们日常生活中的许多时刻都会涉及到API的应用&#xff1a; 支付API&#xff1a;支付API允许电商平台将其支付系统与第三方支付系统进行集成&#xff0c;从而为客户提供多种支付选项并实现更…
阅读更多...
虚拟机系列：vmware和Oracle VM VirtualBox虚拟机的区别，简述哪一个更适合我？以及相互转换

虚拟机系列：vmware和Oracle VM VirtualBox虚拟机的区别，简述哪一个更适合我？以及相互转换

一. VMware和Oracle VM VirtualBox虚拟机的区别主要体现在以下几个方面： 首先两种软件的安装使用教程如下： VMware ESXI 安装使用教程 Oracle VM VirtualBox安装使用教程 商业模式：VMware是一家商业公司，而Oracle VM VirtualBox是开源软件； 功能：VMware拥有更多的功能和…
阅读更多...
docker安装nacos，实现和mysql容器的通信

docker安装nacos，实现和mysql容器的通信

1.下载nacos镜像 docker pull nacos/nacos-server2. 启动nacos 启动命令如下&#xff1a; docker run -d -p 8848:8848 --name nacos \ -e JVM_XMS256m \ -e JVM_XMX256m \ -e MODEstandalone \ -e SPRING_DATASOURCE_PLATFORMmysql \ -e MYSQL_SERVICE_HOST192.168.131.223…
阅读更多...
css中flex两列布局（一列自适应其他固定）

css中flex两列布局（一列自适应其他固定）

问题 最近写一个布局的时候&#xff0c;遇到一个问题。如下图的布局。在没有图片的时候布局是正常的&#xff0c;如果有图片且设置了width:100%;height: 100%; 则会出现图片将自适应布局撑开的情况。 我的解决方式是让图片不缩放&#xff0c;图片外层再添加一个div元素。形如…
阅读更多...
css Vue尺子样式

css Vue尺子样式

原生css生成尺子样式 <template><div class"page"><div class"Light"></div><div class"rile"><ul id"list"><!--尺子需要几个单位就加几个--><li></li><li></li&…
阅读更多...
最新文章

Copyright @ 2022~2023