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

}

相关推荐
木易 士心5 分钟前
Nginx 基本使用和高级用法详解
运维·javascript·nginx
蒙特卡洛的随机游走14 分钟前
Spark的宽依赖与窄依赖
大数据·前端·spark
共享家952721 分钟前
QT-常用控件(多元素控件)
开发语言·前端·qt
幸运小圣22 分钟前
Iterator迭代器 【ES6】
开发语言·javascript·es6
葱头的故事23 分钟前
将传给后端的数据转换为以formData的类型传递
开发语言·前端·javascript
中微子34 分钟前
🚀 2025前端面试必考:手把手教你搞定自定义右键菜单,告别复制失败的尴尬
javascript·面试
_233335 分钟前
vue3二次封装element-plus表格,slot透传,动态slot。
前端·vue.js
jump68038 分钟前
js中数组详解
前端·面试
崽崽长肉肉41 分钟前
iOS 基于Vision.framework从图片中提取文字
前端
温宇飞1 小时前
Web Abort API - AbortSignal 与 AbortController
前端