jiaolongzhen/soft
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: single doctor, direct chat, any phone login, UI polish, fix animations

Browse Source
This commit is contained in:
MingNian
2026-05-21 16:05:21 +08:00
parent bec65959a7
commit 0df75c35e9
8 changed files with 110 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
frontend-patient/src/pages/home/HomePage.module.css
View File

@@ -7,36 +7,42 @@
display: flex;
align-items: center;
justify-content: center;
background: var(--color-white);
border-radius: 50%;
box-shadow: var(--shadow-xs);
}
.overviewCard {
margin-bottom: 16px;
background: linear-gradient(135deg, #1E6BFF, #4D8FFF);
background: linear-gradient(135deg, #2563EB 0%, #3B82F6 40%, #5B9AFF 100%);
color: #fff;
border-radius: var(--radius-xl);
padding: 20px;
overflow: hidden;
}
.overviewHeader {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
margin-bottom: 18px;
}
.overviewTitle {
font-size: var(--font-size-md);
font-weight: 600;
color: #fff;
opacity: 0.9;
}
.overviewTime {
font-size: var(--font-size-xs);
color: var(--color-text-tertiary);
opacity: 0.7;
}
.overviewData {
display: flex;
align-items: center;
gap: 16px;
gap: 20px;
}
.bpSection,
@@ -50,7 +56,7 @@
.dataLabel {
font-size: var(--font-size-xs);
color: var(--color-text-tertiary);
opacity: 0.7;
}
.bpValues {
@@ -60,63 +66,58 @@
}
.bpNum {
font-size: var(--font-size-3xl);
font-size: 36px;
font-weight: 700;
line-height: 1.1;
color: #fff;
}
.risk_normal { color: var(--color-success); }
.risk_borderline { color: var(--color-warning); }
.risk_abnormal { color: var(--color-danger); }
.bpSep {
font-size: var(--font-size-xl);
color: var(--color-text-tertiary);
opacity: 0.5;
}
.hrNum {
font-size: var(--font-size-3xl);
font-size: 36px;
font-weight: 700;
color: var(--color-text-primary);
line-height: 1.1;
}
.unit {
font-size: var(--font-size-xs);
color: var(--color-text-tertiary);
opacity: 0.6;
}
.divider {
width: 1px;
height: 60px;
background: var(--color-border);
background: rgba(255,255,255,0.2);
}
/* Quick Actions */
.quickActions {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
gap: 10px;
margin-bottom: 16px;
background: var(--color-white);
border-radius: var(--radius-lg);
padding: 16px;
box-shadow: var(--shadow-sm);
}
.quickAction {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 12px 8px;
border-radius: var(--radius-md);
transition: background 0.15s;
gap: 8px;
padding: 14px 8px;
background: var(--color-white);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-sm);
transition: all 0.15s;
-webkit-tap-highlight-color: transparent;
}
.quickAction:active {
background: var(--color-bg);
transform: scale(0.96);
box-shadow: var(--shadow-md);
}
.quickIcon {
@@ -133,6 +134,8 @@
/* Health Tip */
.tipCard {
margin-bottom: 16px;
background: linear-gradient(135deg, #FFFBEB, #FFF7ED);
border: 1px solid #FDE68A;
}
.tipHeader {
@@ -145,7 +148,7 @@
.tipTitle {
font-size: var(--font-size-sm);
font-weight: 600;
color: var(--color-text-secondary);
color: #92400E;
}
.tipHint {
@@ -156,6 +159,6 @@
.tipContent {
font-size: var(--font-size-sm);
color: var(--color-text-secondary);
color: #78350F;
line-height: 1.6;
}