Element Plus 的 CSS 变量
前言
在使用 Vue.js 和 Element Plus 做项目时,会有封装自定义组件的需求,而自定义组件通常会有使用原生HTML元素的情况,如果自己写样式,很难与 Element Plus 的风格保持一致,即便费力保持风格一致,也难以响应Element Plus 暗黑模式。于是,不如直接给原生HTML元素挂上 Element Plus 的样式,也就是通过 Element Plus 所定义的 CSS变量,赋予一致的样式。
在使用 Vue.js 和 Element Plus 做项目时,会有封装自定义组件的需求,而自定义组件通常会有使用原生HTML元素的情况,如果自己写样式,很难与 Element Plus 的风格保持一致,即便费力保持风格一致,也难以响应Element Plus 暗黑模式。于是,不如直接给原生HTML元素挂上 Element Plus 的样式,也就是通过 Element Plus 所定义的 CSS变量,赋予一致的样式。
笔者近来在研究网络模拟器,选择从 EVE-NG 开始上手,搜寻了一番后选择从 【奖励】EVE-NG社区懒人版5.1发布——By EmulatedLab 下载了 EVE-NG社区懒人版5.1-Small.ova ,当然这不是本文的重点,网络模拟器通常是以虚拟机形式提供的,以及会给出建议甚至要求在虚拟机设置中开启“虚拟化 Intel VT-x/EPT 或 AMD-V/RVI(V)”,这个开关真的很难开。