forked from wangziqi/gongxue-base
style: align Taro H5 with legacy question bank UI
This commit is contained in:
Codex
@@ -1,8 +1,8 @@
|
||||
.platform-page {
|
||||
min-height: 100vh;
|
||||
padding: 28px;
|
||||
background: #f7f9fc;
|
||||
color: #172033;
|
||||
background: var(--tiku-page);
|
||||
color: var(--tiku-text);
|
||||
}
|
||||
|
||||
.platform-shell {
|
||||
@@ -12,30 +12,50 @@
|
||||
}
|
||||
|
||||
.platform-header {
|
||||
padding-bottom: 24px;
|
||||
border-bottom: 1px solid #d8e0ec;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding: 30px;
|
||||
border-radius: 30px;
|
||||
background: linear-gradient(135deg, #0f172a, #1152d4 62%, #38bdf8);
|
||||
box-shadow: var(--tiku-shadow-blue);
|
||||
}
|
||||
|
||||
.platform-header::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: -64px;
|
||||
bottom: -84px;
|
||||
width: 240px;
|
||||
height: 240px;
|
||||
border-radius: 999px;
|
||||
background: rgba(255, 255, 255, 0.14);
|
||||
}
|
||||
|
||||
.platform-kicker,
|
||||
.platform-title,
|
||||
.platform-subtitle {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.platform-kicker {
|
||||
display: block;
|
||||
color: #5b6b82;
|
||||
color: rgba(255, 255, 255, 0.78);
|
||||
font-size: 22px;
|
||||
font-weight: 760;
|
||||
font-weight: 850;
|
||||
}
|
||||
|
||||
.platform-title {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
color: #101827;
|
||||
color: #fff;
|
||||
font-size: 38px;
|
||||
font-weight: 820;
|
||||
font-weight: 920;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.platform-subtitle {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
color: #64748b;
|
||||
color: rgba(255, 255, 255, 0.82);
|
||||
font-size: 24px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
@@ -48,28 +68,48 @@
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.platform-button,
|
||||
.platform-mini-button {
|
||||
border: 1px solid var(--tiku-border);
|
||||
background: #fff;
|
||||
color: var(--tiku-primary);
|
||||
font-weight: 820;
|
||||
}
|
||||
|
||||
.platform-button {
|
||||
min-width: 132px;
|
||||
height: 62px;
|
||||
border: 1px solid #cbd5e1;
|
||||
border-radius: 8px;
|
||||
background: #fff;
|
||||
color: #1e3a8a;
|
||||
border-radius: 16px;
|
||||
font-size: 23px;
|
||||
font-weight: 720;
|
||||
line-height: 62px;
|
||||
}
|
||||
|
||||
.platform-button.primary {
|
||||
border-color: #1d4ed8;
|
||||
background: #1d4ed8;
|
||||
color: #fff;
|
||||
.platform-mini-button {
|
||||
min-width: 116px;
|
||||
height: 54px;
|
||||
border-radius: 14px;
|
||||
font-size: 21px;
|
||||
line-height: 54px;
|
||||
}
|
||||
|
||||
.platform-button.active {
|
||||
border-color: #1d4ed8;
|
||||
background: #eff6ff;
|
||||
color: #1d4ed8;
|
||||
.platform-button.primary {
|
||||
border-color: var(--tiku-primary);
|
||||
background: linear-gradient(135deg, var(--tiku-primary), #2563eb);
|
||||
color: #fff;
|
||||
box-shadow: 0 10px 20px rgba(17, 82, 212, 0.16);
|
||||
}
|
||||
|
||||
.platform-button.active,
|
||||
.platform-mini-button.active {
|
||||
border-color: var(--tiku-primary);
|
||||
background: var(--tiku-primary-soft);
|
||||
color: var(--tiku-primary);
|
||||
}
|
||||
|
||||
.platform-mini-button.danger {
|
||||
border-color: #fecdd3;
|
||||
background: #fff1f2;
|
||||
color: #be123c;
|
||||
}
|
||||
|
||||
.platform-grid {
|
||||
@@ -84,24 +124,25 @@
|
||||
|
||||
.platform-metric {
|
||||
min-height: 112px;
|
||||
padding: 18px;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
border: 1px solid var(--tiku-border);
|
||||
border-radius: 24px;
|
||||
background: #fff;
|
||||
box-shadow: var(--tiku-shadow);
|
||||
}
|
||||
|
||||
.platform-metric-label {
|
||||
display: block;
|
||||
color: #64748b;
|
||||
color: var(--tiku-muted);
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
.platform-metric-value {
|
||||
display: block;
|
||||
margin-top: 12px;
|
||||
color: #0f172a;
|
||||
color: var(--tiku-text);
|
||||
font-size: 31px;
|
||||
font-weight: 820;
|
||||
font-weight: 900;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
@@ -112,9 +153,9 @@
|
||||
.platform-section-title {
|
||||
display: block;
|
||||
margin-bottom: 14px;
|
||||
color: #0f172a;
|
||||
color: var(--tiku-text);
|
||||
font-size: 29px;
|
||||
font-weight: 820;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.platform-list {
|
||||
@@ -125,33 +166,34 @@
|
||||
|
||||
.platform-row {
|
||||
padding: 20px;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--tiku-border);
|
||||
border-radius: 22px;
|
||||
background: #fff;
|
||||
box-shadow: 0 5px 16px rgba(15, 23, 42, 0.04);
|
||||
}
|
||||
|
||||
.platform-row-main {
|
||||
display: block;
|
||||
color: #111827;
|
||||
color: var(--tiku-text);
|
||||
font-size: 26px;
|
||||
font-weight: 760;
|
||||
font-weight: 820;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.platform-row-meta {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
color: #64748b;
|
||||
color: var(--tiku-muted);
|
||||
font-size: 21px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.platform-empty {
|
||||
padding: 32px 22px;
|
||||
border: 1px dashed #cbd5e1;
|
||||
border-radius: 8px;
|
||||
border: 1px dashed var(--tiku-border-strong);
|
||||
border-radius: 22px;
|
||||
background: #fff;
|
||||
color: #64748b;
|
||||
color: var(--tiku-muted);
|
||||
font-size: 23px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
@@ -160,10 +202,10 @@
|
||||
width: 100%;
|
||||
height: 66px;
|
||||
padding: 0 18px;
|
||||
border: 1px solid #cbd5e1;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--tiku-border);
|
||||
border-radius: 16px;
|
||||
background: #fff;
|
||||
color: #111827;
|
||||
color: var(--tiku-text);
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
@@ -189,9 +231,9 @@
|
||||
.platform-field-label {
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
color: #475569;
|
||||
color: var(--tiku-muted);
|
||||
font-size: 20px;
|
||||
font-weight: 720;
|
||||
font-weight: 760;
|
||||
}
|
||||
|
||||
.platform-row-actions {
|
||||
@@ -201,38 +243,14 @@
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.platform-mini-button {
|
||||
min-width: 116px;
|
||||
height: 54px;
|
||||
border: 1px solid #cbd5e1;
|
||||
border-radius: 8px;
|
||||
background: #fff;
|
||||
color: #1e3a8a;
|
||||
font-size: 21px;
|
||||
font-weight: 720;
|
||||
line-height: 54px;
|
||||
}
|
||||
|
||||
.platform-mini-button.danger {
|
||||
border-color: #fecdd3;
|
||||
background: #fff1f2;
|
||||
color: #be123c;
|
||||
}
|
||||
|
||||
.platform-mini-button.active {
|
||||
border-color: #1d4ed8;
|
||||
background: #eff6ff;
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.platform-permission-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
margin: 8px 0 16px;
|
||||
padding: 18px;
|
||||
border: 1px solid #dbe4f0;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--tiku-border);
|
||||
border-radius: 22px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
@@ -260,33 +278,26 @@
|
||||
}
|
||||
|
||||
.platform-chip {
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
min-height: 48px;
|
||||
padding: 0 14px;
|
||||
border: 1px solid #cbd5e1;
|
||||
border-radius: 8px;
|
||||
background: #f8fafc;
|
||||
color: #334155;
|
||||
font-size: 20px;
|
||||
font-weight: 680;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
.platform-chip.active {
|
||||
border-color: #1d4ed8;
|
||||
background: #eff6ff;
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.platform-chip.readonly {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
max-width: 100%;
|
||||
color: #475569;
|
||||
min-height: 48px;
|
||||
padding: 0 14px;
|
||||
border: 1px solid var(--tiku-border);
|
||||
border-radius: 999px;
|
||||
background: #f8fafc;
|
||||
color: #334155;
|
||||
font-size: 20px;
|
||||
font-weight: 720;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.platform-chip.active {
|
||||
border-color: var(--tiku-primary);
|
||||
background: var(--tiku-primary-soft);
|
||||
color: var(--tiku-primary);
|
||||
}
|
||||
|
||||
.platform-error {
|
||||
display: block;
|
||||
margin-top: 12px;
|
||||
|
||||
Reference in New Issue
Block a user