界面规范的其他框架实现-列表-layui实现

另一个要改造的系统使用了layui,改造方式如下:

斑马线:

复制代码
.layui-table[lay-even] tr:nth-child(even) {
   background-color: #f2f2f2
}

鼠标滑过:

复制代码
.layui-table tbody tr:hover{
   background-color: #8dccff
}

标题行:

复制代码
.layui-table-header th {
   text-align: center; /* 设置标题居中 */
   font-family:Microsoft YaHei;
   font-size:16px;
   color: #34b6a4 !important;
   font-weight: 700;
}

表格线:

.layui-table td,

.layui-table th

{

border-width: 1px;

border-style: solid;

border-color: #e6e6e6

}

相关推荐
南玖i7 小时前
vue3 通过 Vue3DraggableResizable实现拖拽弹窗,可修改大小
前端·javascript·vue.js
excel7 小时前
Web发展与Vue.js导读
前端
YAY_tyy7 小时前
Three.js 开发实战教程(五):外部 3D 模型加载与优化实战
前端·javascript·3d·three.js
Zuckjet_10 小时前
开启 3D 之旅 - 你的第一个 WebGL 三角形
前端·javascript·3d·webgl
2401_8638014610 小时前
探索 12 种 3D 文件格式:综合指南
前端·3d
珍宝商店11 小时前
前端老旧项目全面性能优化指南与面试攻略
前端·面试·性能优化
bitbitDown11 小时前
四年前端分享给你的高效开发工具库
前端·javascript·vue.js
YAY_tyy11 小时前
【JavaScript 性能优化实战】第六篇:性能监控与自动化优化
javascript·性能优化·自动化
gnip12 小时前
实现AI对话光标跟随效果
前端·javascript
脑花儿13 小时前
ABAP SMW0下载Excel模板并填充&&剪切板方式粘贴
java·前端·数据库