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

}

相关推荐
芥子沫1 小时前
VSCode添加Python、Java注释技巧、模板
开发语言·前端·javascript
cos2 小时前
FE Bits 前端周周谈 Vol.2|V8 提速 JSON.stringify 2x,Vite 周下载首超 Webpack
前端·javascript·css
Ares-Wang2 小时前
Node.js 》》bcryptjs 加密
开发语言·javascript·node.js
wfsm2 小时前
pdf预览Vue-PDF-Embed
前端
最爱吃南瓜2 小时前
JS逆向实战案例之----【通姆】252个webpack模块自吐
开发语言·javascript·爬虫·webpack·js逆向·算法模拟
Hurry63 小时前
web应用服务器tomcat
java·前端·tomcat
zhanshuo3 小时前
深度揭秘:如何在单页应用(SPA)中完美保留路由切换滚动位置,提升用户体验!
javascript
烛阴4 小时前
Sin -- 重复的、流动的波浪
前端·webgl
北'辰6 小时前
DeepSeek智能考试系统智能体
前端·后端·架构·开源·github·deepseek