feat(analytics): 人员视图重构为 custom 居中紧凑柱状 + 原生横向滚动
- capabilityOption 改 custom 系列,居中紧凑算法消除幽灵占位 - 柱宽保底 3px(0值/极小值也有柱子)、数字标签悬浮柱顶 - X 轴四行展示:物料名/规格型号/序列号/身份证 - 原生横向滚动容器(每设备 140px)+ custom-scrollbar 样式 - tooltip appendToBody 避免被容器裁剪
This commit is contained in:
@ -53,3 +53,23 @@ body {
|
||||
.animate-slide-in {
|
||||
animation: slide-in 0.3s ease-out;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
自定义横向滚动条(人员视图图表)
|
||||
============================================================ */
|
||||
.custom-scrollbar {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #cbd5e1 #f1f5f9;
|
||||
}
|
||||
.custom-scrollbar::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
.custom-scrollbar::-webkit-scrollbar-thumb {
|
||||
background-color: #cbd5e1;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.custom-scrollbar::-webkit-scrollbar-track {
|
||||
background-color: #f1f5f9;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user