AskaEth
bc8b1ee6c0
- M3 认证/权限/审计/限流 + 全部 REST 接口 - M4 管理面板（MIUIx + 成绩录入/积分榜下钻/大屏控制） - M5a 大屏页面（六页 + 明细覆盖层 + 缩放适配） - M6 WebSocket 实时同步中心 - M7 xlsx 导出 + 赛事包 zip + 备份 - 规则包 YAML 导入导出（差异预览） - 字体 vendor 子集化（4 套 x2 字重） - 集成：realtime/export/rules 接入 main+httpapi；backup 子命令 - 修复：中间件包装 ResponseWriter 丢失 Hijacker，导致 WS 握手 501
82 lines
2.4 KiB
CSS
82 lines
2.4 KiB
CSS
/* ═══════════════════════════════════════════
|
|
MIUIX CONSOLE — Accordion / Collapse Component
|
|
═══════════════════════════════════════════ */
|
|
|
|
.mx-accordion{
|
|
display:flex;flex-direction:column;
|
|
border:1px solid var(--mx-divider);
|
|
border-radius:var(--mx-r);
|
|
overflow:hidden;
|
|
}
|
|
|
|
/* Item */
|
|
.mx-accordion-item{
|
|
border-bottom:1px solid var(--mx-divider);
|
|
}
|
|
.mx-accordion-item:last-child{border-bottom:none}
|
|
|
|
/* Header / Trigger */
|
|
.mx-accordion-header{
|
|
display:flex;align-items:center;gap:10px;
|
|
padding:14px 16px;
|
|
cursor:pointer;
|
|
font-size:14px;font-weight:600;
|
|
color:var(--mx-text);
|
|
transition:all var(--mx-d1) var(--mx-ease);
|
|
-webkit-tap-highlight-color:transparent;
|
|
}
|
|
.mx-accordion-header:hover{background:var(--mx-s-hover)}
|
|
.mx-accordion-header:active{background:var(--mx-s-active)}
|
|
|
|
/* Icon slot */
|
|
.mx-accordion-header svg{flex-shrink:0;color:var(--mx-t2)}
|
|
.mx-accordion-header .mx-accordion-title{flex:1}
|
|
|
|
/* Arrow */
|
|
.mx-accordion-arrow{
|
|
color:var(--mx-t3);flex-shrink:0;
|
|
transition:transform var(--mx-d2) var(--mx-ease);
|
|
}
|
|
.mx-accordion-item.open .mx-accordion-arrow{transform:rotate(180deg)}
|
|
|
|
/* Content */
|
|
.mx-accordion-content{
|
|
max-height:0;overflow:hidden;
|
|
transition:max-height var(--mx-d3) var(--mx-ease);
|
|
}
|
|
.mx-accordion-item.open .mx-accordion-content{
|
|
max-height:500px;
|
|
}
|
|
.mx-accordion-body{
|
|
padding:0 16px 16px;
|
|
font-size:13px;line-height:1.6;
|
|
color:var(--mx-text-on-surface);
|
|
}
|
|
|
|
/* Card variant — separate cards */
|
|
.mx-accordion-card{border:none;gap:8px;background:none}
|
|
.mx-accordion-card .mx-accordion-item{
|
|
background:var(--mx-s2);
|
|
border:1px solid var(--mx-divider);
|
|
border-radius:var(--mx-r);
|
|
overflow:hidden;
|
|
}
|
|
.mx-accordion-card .mx-accordion-item:last-child{border-bottom:1px solid var(--mx-divider)}
|
|
|
|
/* Flush variant — no borders */
|
|
.mx-accordion-flush{border:none;border-radius:0}
|
|
.mx-accordion-flush .mx-accordion-item{border:none}
|
|
.mx-accordion-flush .mx-accordion-header{padding:12px 0}
|
|
|
|
/* Disabled */
|
|
.mx-accordion-header.disabled{
|
|
opacity:0.4;cursor:not-allowed;pointer-events:none;
|
|
}
|
|
|
|
/* Mobile */
|
|
@media(max-width:767px){
|
|
.mx-accordion-header{padding:14px 14px;min-height:48px}
|
|
.mx-accordion-body{font-size:14px}
|
|
.mx-accordion-card .mx-accordion-item{border-radius:var(--mx-r-sm)}
|
|
}
|