界面规范的其他框架实现-列表-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

}

相关推荐
quan263117 分钟前
Vue实践篇-02,AI生成代码
前端·javascript·vue.js
GIS之路18 分钟前
GDAL 读取影像元数据
前端
qb1 小时前
vue3.5.18源码-编译-入口
前端·vue.js·架构
小桥风满袖1 小时前
极简三分钟ES6 - 类与继承
前端·javascript
虫无涯1 小时前
【分享】基于百度脑图,并使用Vue二次开发的用例脑图编辑器组件
前端·vue.js·编辑器
子兮曰1 小时前
🚀99% 的前端把 reduce 用成了「高级 for 循环」—— 这 20 个骚操作让你一次看懂真正的「函数式折叠」
前端·javascript·typescript
wifi歪f1 小时前
📦 qiankun微前端接入实战
前端·javascript·面试
小桥风满袖1 小时前
极简三分钟ES6 - Symbol
前端·javascript
子兮曰1 小时前
🚀Map的20个神操作,90%的开发者浪费了它的潜力!最后的致命缺陷让你少熬3天夜!
前端·javascript·ecmascript 6
NewChapter °1 小时前
如何通过 Gitee API 上传文件到指定仓库
前端·vue.js·gitee·uni-app