经验分享之第三方UI组件样式修改总结

2026-08-11

一、 Element UI 中 table 组件获取各行的 index

scope.$index:获取当前行的下标
scope.row:获取当前行的对象

 二、Element UI table 组件样式修改

:row-style="tableRowStyle"

:header-cell-style="tableHeaderColor"

 三、layui 弹窗位置修改

 如果本页面弹窗都在一个位置(中间或者底部),可改变 layui 样式 `.layui-m-layermain .layui-m-layersection` 里面的 `vertical-align: middle;` 属性

-如果位置不一样,可添加类名,给此类名 `position: absolute;` 定位

 四、 关闭最新弹出的层

layer.close(layer.index); // 它获取的始终是最新弹出的某个层,值是由 layer 内部动态递增计算的

 五、 layui 弹窗自定义样式

196ebdd4-7066-4fb2-b726-f22b3822c52b.png

如果打开弹窗有表单,表单验证提示要用轻提示写,正常情况下会把原来的弹窗关掉然后出现轻提示,如果不想关闭当前的弹窗就给 layer.open 加个 type: 1 的属性值。

如果加了 type: 1,使用 className: "类名" 定义自定义类名即可

如果没有加 type,自定义类名需要通过 skin: "类名" 来定义

Element-UIlayui经验分享