Blog Cover

基础组件

Time:2025-09-11

Source:Artstep

我们对边框进行统一规范,可用于按钮、卡片、弹窗等组件里。

边框样式

我们提供了以下几种边框样式,以供选择。

圆角:我们提供了以下几种圆角样式,以供选择。

阴影:我们提供了以下几种圆角样式,以供选择。

色彩

Element Plus 为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。

Element Plus 默认的主题色是明亮、友好的蓝色。

除了主颜色外,您需要在不同的场景中使用不同的场景颜色 (例如,危险的颜色表示危险的操作)

中性色用于文本、背景和边框颜色。 通过运用不同的中性色,来表现层次结构。

图标

Element Plus 提供了一套常用的图标集合

您需要从 @element-plus/icons-vue 中导入所有图标并进行全局注册。

直接通过浏览器的 HTML 标签导入 Element Plus,然后就可以使用全局变量 ElementPlusIconsVue了。

根据不同的 CDN 提供商有不同的引入方式, 根据不同的 CDN 提供商有不同的引入方式, 我们在这里以下下下

为 raw SVG 图标提供额外的属性, 提供的详细属性请继续阅读。