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

}

相关推荐
时光不负努力几秒前
TS 常用工具类型
前端·javascript·typescript
SuperEugene2 分钟前
Vue状态管理扫盲篇:Vuex 到 Pinia | 为什么大家都在迁移?核心用法对比
前端·vue.js·面试
张拭心4 分钟前
Android 17 来了!新特性介绍与适配建议
android·前端
徐小夕9 分钟前
pxcharts-vue:一款专为 Vue3 打造的开源多维表格解决方案
前端·vue.js·github
Hilaku9 分钟前
我会如何考核一个在简历里大谈 AI 提效的高级前端?
前端·javascript·面试
进击的尘埃22 分钟前
Vue3 中 emit 能 await 吗?事件机制里的异步陷阱
javascript
青青家的小灰灰31 分钟前
React 反模式(Anti-Patterns)排查手册:从性能杀手到逻辑陷阱
前端·javascript·react.js
青青家的小灰灰31 分钟前
告别 Prop Drilling:Context API 的陷阱、Reducer 模式与原子化状态库原理
前端·javascript·react.js
叶智辽34 分钟前
【Three.js后期处理】如何让你的场景拥有电影级调色
前端·three.js
进击的尘埃34 分钟前
CSS 变量 + 主题切换:从 CSS-in-JS 回归原生方案的实践之路
javascript