《ElementPlus 与 ElementUI 差异集合》el-select 差异点,如:高、宽、body插入等

ops/2024/9/23 10:24:22/

宽度

Element UI

  • 父元素不限制宽度时,默认有个宽度 207px

在这里插入图片描述

  • 父元素有固定宽度时,以父元素宽度为准;

在这里插入图片描述

Element Plus

  • 父元素不限制宽度时,默认100%

在这里插入图片描述

  • 父元素有固定宽度时,以父元素宽度为准;

在这里插入图片描述

高度

ElementUI 和 ElementPlus 的属性 size 有差异,且高度也不同;

Element UIElement Plus
默认40px默认32px
medium36pxlarge40px
small32pxdefault32px
mini28pxsmall24px

下拉框插入body元素

下拉框元素默认放body 元素,可通过属性设置放在 el-select 元素内。且 ElementUIElementPlus 有差异。

Element UI

popper-append-to-body

在这里插入图片描述

Element Plus

teleported

在这里插入图片描述

结构

两者的内部实现完全不一样了,所以在 ElementUI 上做过样式修改,代码直接拷贝到 ElementPlus 是无效的;

Element UI

在这里插入图片描述

Element Plus

在这里插入图片描述


http://www.ppmy.cn/ops/13606.html

相关文章

第二期书生浦语大模型训练营第四次笔记

大模型微调技术 大模型微调是一种通过在预训练模型的基础上,有针对性地微调部分参数以适应特定任务需求的方法。 微调预训练模型的方法 微调所有层:将预训练模型的所有层都参与微调,以适应新的任务。 微调顶层:只微调预训练模型…

STL-list的使用及其模拟实现

在C标准库中,list 是一个双向链表容器,用于存储一系列元素。与 vector 和 deque 等容器不同,list 使用带头双向循环链表的数据结构来组织元素,因此list插入删除的效率非常高。 list的使用 list的构造函数 list迭代器 list的成员函…

(七)Idea编辑器集成Tomcat

1. 点击桌面上Idea快捷方式打开Idea编辑器,假如没有创建项目的话打开Idea编辑器后的界面展示如下图所示 2. 点击界面左侧菜单中的自定义 3. 然后点击界面中的“所有设置...”,然后点击“构建、执行、部署”,选择其中的“应用程序服务器” 4. 点击“”按钮…

回归预测 | Matlab实现SA-BP模拟退火算法优化BP神经网络多变量回归预测

回归预测 | Matlab实现SA-BP模拟退火算法优化BP神经网络多变量回归预测 目录 回归预测 | Matlab实现SA-BP模拟退火算法优化BP神经网络多变量回归预测预测效果基本描述程序设计参考资料 预测效果 基本描述 1.Matlab实现SA-BP模拟退火算法优化BP神经网络多变量回归预测&#xff0…

Arduino UNO驱动MPR121接近电容式触摸传感器控制WS2812彩灯

简介 MPR121芯片功能强大可用作触摸,电容检测,驱动LED等等.在低速扫描下可以将功 耗降低到8μA,可以处理多达12个独立的触摸板。支持I2C,几乎可以用任何微控 制器连接。可以使用ADDR引脚选择4个地址中的一个,一个I2C2线总线上共有48 个电容触摸板。使用该芯片比使用模拟输入进行…

JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用

前言: 整理下笔记,打好基础,daydayup!!! 接口文档 什么是接口文档? 目前主流的开发模式为前后端分离式开发,为了方便前后端的对接,就需要使用接口文件进行统一规范。 接口文档记载什么信息? 1&…

【大语言模型LLM】-如何使用大语言模型提高工作效率?

关于作者 行业:人工智能训练师/LLM 学者/LLM微调乙方PM发展:微调大模型训练/大模型增强检索RAG分享国内大模型前沿工作记录,共同成长,欢迎关注交流… 大语言模型LLM基础-系列文章 大语言模型LLM】-大语言模型如何编写Prompt?持…

Mediator 中介者

意图 使用一个中介者对象来封装一系列的对象交互。中介者使各个对象不需要显式地互相引用,从而使其耦合松散,而且可以独立的改变他们之间的交互。 结构 Mediator(中介者)定义一个接口用于各同事(Colleague&#xff0…