ELFCAM
Beschrijving
:root{
–border: #e6e8ee;
–gedempt: #667085;
–text: #101828;
–bg: #ffffff;
–bg-soft: #f8fafc;
–bg-softer:#f3f6fb;
–shadow: 0 10px 30px rgba(16,24,40,.08);
–radius: 14px;
}
.spec-table-wrap{
maximale breedte: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
opvulling: 2px; /* 给阴影留空间 */
}
/* 桌面端:卡片式表格容器 */
.spec-tabel{
breedte: 100%;
rand samenvouwen: afzonderlijk;
randafstand: 0;
min. breedte: 640px;
achtergrond: var(–bg);
border: 1px solid var(–border);
border-radius: var(–radius);
overflow: verborgen;
box-shadow: var(–shadow);
}
.spec-table thead th{
tekstuitlijning: links;
opvulling: 14px 16px;
lettergrootte: 13px;
letterafstand: .2px;
kleur: var(–muted);
achtergrond: lineair verloop (180deg, var(–bg-soft), #fff);
border-bottom: 1px solid var(–border);
positie: sticky; /* 横向滚动时表头更稳 */
top: 0;
z-index: 1;
}
.spec-table tbody td{
opvulling: 14px 16px;
lettertypegrootte: 14px;
lijnhoogte: 1,6;
kleur: var(–text);
border-bottom: 1px effen var(–border);
verticaal uitgelijnd: top;
word-break: break-word;
overflow-wrap: overal;
achtergrond: #fff;
}
/* 参数列强调一点层次 */
.spec-table tbody td:first-child{
breedte: 34%;
kleur: #0f172a;
lettertype-gewicht: 600;
achtergrond: lineair verloop (90 graden, var(–bg-zachter), #fff);
}
/* 最后一行去掉底边 */
.spec-table tbody tr:last-child td{
border-bottom: 0;
}
/* 行 hover 更“可读” */
@media (hover:hover){
.spec-table tbody tr:hover td{
achtergrond: #fbfdff;
>
.spec-table tbody tr:hover td:eerste kind{
achtergrond: lineair-gradiënt(90deg, #eef4ff, #fbfdff);
>
}
/* ===== 移动端:变卡片列表（更美观的层次） ===== */
@media (max-breedte: 640px){
.spec-table{
min-breedte: 0;
rand: 0;
randradius: 0;
vakschaduw: geen;
achtergrond: transparant;
}
.spec-table thead{
weergave: geen;
}
.spec-table tbody tr{
display: block;
marge: 12px 0;
border: 1px solid var(–border);
border-radius: 16px;
overflow: verborgen;
achtergrond: #fff;
box-shadow: 0 8px 24px rgba(16,24,40,.06);
}
.spec-table tbody td{
weergave: grid;
grid-template-columns: 1fr; /* 先一列，内容更舒服 */
opening: 6px;
rand: 0;
rand-onder: 1px effen #eef2f7;
opvulling: 12px 14px;
achtergrond: transparant;
}
.spec-table tbody td:first-child{
breedte: auto;
achtergrond: transparant;
}
/* 用 data-label 做小标题 */
.spec-table tbody td::before{
inhoud: attr(data-label);
font-size: 12px;
kleur: var(–muted);
font-weight: 600;
tekst-transform: geen;
letterafstand: .2px;
}
/* 第一格（参数名）做成卡片 header 的感觉 */
.spec-table tbody td[data-label= »Parameter »]{
achtergrond: linear-gradient(180deg, var(–bg-soft), #fff);
}
.spec-table tbody td[data-label= »Parameter »]::before{
content: « Parameter »;
}
/* 最后一格去掉分隔 */
.spec-table tbody td:last-child{
border-bottom: 0;
>
>
Qualité pro, compatible avec mon installation existante. Je recommande.
Five stars. No signal loss detected over the full length. Recommended to all my friends.
Super, signal stable et performant. Je recommande.