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

}

相关推荐
桜吹雪14 小时前
DeepSeekV3.2模型内置Agent体验
javascript·人工智能
逆向新手14 小时前
js逆向-某省特种设备aes加密研究
javascript·爬虫·python·逆向·js
光影少年14 小时前
react navite相比较传统开发有啥优势?
前端·react.js·前端框架
岁月宁静14 小时前
软件开发工程师如何借助 AI 工具进行软件自测
前端·ai编程·测试
我爱学习_zwj14 小时前
动态HTTP服务器实战:解析请求与Mock数据
开发语言·前端·javascript
NMBG2214 小时前
外卖综合项目
java·前端·spring boot
小白阿龙14 小时前
样式不生效/被覆盖(CSS优先级陷阱)
前端·css
flashlight_hi14 小时前
LeetCode 分类刷题:110. 平衡二叉树
javascript·算法·leetcode
Beginner x_u14 小时前
Vue 事件机制全面解析:原生事件、自定义事件与 DOM 冒泡完全讲透
前端·javascript·vue.js·dom
Emma_Maria14 小时前
关于vant-ui-vue 的datepicker 时间选择错乱问题的处理
前端·vue.js·ui