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

fix: consultation notifications, profile edit hint, doctor report in Chinese, chat UI polish, tabbar badge

Browse Source
This commit is contained in:
MingNian
2026-05-21 15:40:17 +08:00
parent 3ef25e734f
commit 204bc19ce5
6 changed files with 180 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
frontend-patient/src/pages/services/ChatPage.module.css
View File

@@ -2,7 +2,7 @@
display: flex;
flex-direction: column;
height: 100vh;
background: var(--color-bg);
background: #EDF1F7;
}
.messages {
@@ -10,74 +10,92 @@
overflow-y: auto;
padding: 16px;
padding-top: calc(var(--header-height) + 8px);
display: flex;
flex-direction: column;
gap: 4px;
}
.bubble {
margin-bottom: 14px;
max-width: 80%;
max-width: 78%;
animation: bubbleIn 0.25s ease-out;
}
@keyframes bubbleIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.patient {
margin-left: auto;
text-align: right;
align-self: flex-end;
}
.doctor {
margin-right: auto;
align-self: flex-start;
}
.bubbleContent {
padding: 10px 14px;
border-radius: var(--radius-md);
font-size: var(--font-size-sm);
border-radius: 18px;
font-size: var(--font-size-base);
line-height: 1.5;
display: inline-block;
text-align: left;
word-break: break-word;
}
.patient .bubbleContent {
background: var(--color-primary);
color: var(--color-text-inverse);
background: linear-gradient(135deg, #1E6BFF, #4D8FFF);
color: #fff;
border-bottom-right-radius: 4px;
}
.doctor .bubbleContent {
background: var(--color-white);
background: #fff;
color: var(--color-text-primary);
border-bottom-left-radius: 4px;
box-shadow: var(--shadow-sm);
box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}
.bubbleTime {
font-size: 10px;
color: var(--color-text-tertiary);
margin-top: 4px;
padding: 0 4px;
}
.patient .bubbleTime { text-align: right; }
.inputBar {
display: flex;
gap: 8px;
padding: 10px 14px;
background: var(--color-white);
background: #fff;
border-top: 1px solid var(--color-border);
padding-bottom: env(safe-area-inset-bottom, 10px);
}
.input {
flex: 1;
padding: 10px 14px;
background: var(--color-bg);
border-radius: var(--radius-full);
font-size: var(--font-size-sm);
padding: 10px 16px;
background: #EDF1F7;
border: none;
border-radius: 24px;
font-size: var(--font-size-base);
outline: none;
font-family: var(--font-family);
}
.sendBtn {
padding: 10px 18px;
width: 42px;
height: 42px;
background: var(--color-primary);
color: var(--color-text-inverse);
border-radius: var(--radius-full);
font-size: var(--font-size-sm);
font-weight: 500;
color: #fff;
border: none;
border-radius: 50%;
font-size: 18px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.sendBtn:disabled {