列表样式

This commit is contained in:
李鹏宇
2026-08-21 19:31:22 +08:00
parent bbbccb1338
commit f41fad1dee
@@ -1,26 +1,27 @@
// gzth 物业系统统一 Tree 全边框样式(全局生效,作用于所有列表视图)
// 不依赖任何 class 注入或模板继承,直接对 .o_list_view 施加样式。
// 使用 body > .o_web_client 超高特异性选择器,确保能覆盖自定义主题。
// gzth 物业系统统一 Tree 列表样式(全局生效,作用于所有列表视图)
// 效果:只保留单元格之间的边框,去掉 table 最外层四边边框;斑马纹 #F1F6FD。
body.o_web_client .o_action_manager .o_list_view,
body.o_web_client .o_action_manager .o_list_view .o_list_table,
body.o_web_client .o_action_manager .o_list_view .o_list_table * {
box-sizing: border-box !important;
}
// 全边框(稳定版:1px 单元格 + 2px 外框,不加粗)
// table 自身不要外框
body.o_web_client .o_action_manager .o_list_view .o_list_table {
border-collapse: collapse !important;
border: 2px solid #94a3b8 !important;
border: none !important;
background-color: #ffffff !important;
}
// 表头单元格:统一 1px 细边框
body.o_web_client .o_action_manager .o_list_view thead th {
font-weight: 700 !important;
border: 2px solid #94a3b8 !important;
border: 1px solid #b6c0cc !important;
padding: 11px 14px !important;
text-align: left !important;
}
// 数据单元格:统一 1px 细边框
body.o_web_client .o_action_manager .o_list_view tbody td {
border: 1px solid #b6c0cc !important;
padding: 10px 14px !important;
@@ -29,9 +30,28 @@ body.o_web_client .o_action_manager .o_list_view tbody td {
background-color: #ffffff !important;
}
// 斑马纹(直接写道 td 上,确保不被主题的行背景覆盖)
// 去掉最外层四边:上、下、左、右
body.o_web_client .o_action_manager .o_list_view thead tr:first-child th {
border-top: none !important;
}
body.o_web_client .o_action_manager .o_list_view tbody tr:last-child td {
border-bottom: none !important;
}
body.o_web_client .o_action_manager .o_list_view thead th:first-child,
body.o_web_client .o_action_manager .o_list_view tbody td:first-child {
border-left: none !important;
}
body.o_web_client .o_action_manager .o_list_view thead th:last-child,
body.o_web_client .o_action_manager .o_list_view tbody td:last-child {
border-right: none !important;
}
// 斑马纹(直接写到 td 上)
body.o_web_client .o_action_manager .o_list_view tbody tr.o_data_row:nth-child(even) td {
background-color: #e6ecf3 !important;
background-color: #F1F6FD !important;
}
// 悬停高亮(同样写到 td 上)