refactor(mp): 迁移个人中心 12 个页面 — 统一组件库

线下活动、健康档案、报告列表、随访列表、透析记录、
透析处方、诊断列表、用药列表、家庭成员、添加家庭成员、
设置、知情同意共 12 个页面迁移:
- 最外层容器 → PageShell
- SCSS 删除 min-height/background 通用样式
This commit is contained in:
iven
2026-05-16 01:34:05 +08:00
parent 466b6567d1
commit c6bffd4019
24 changed files with 50 additions and 82 deletions

View File

@@ -1,10 +1,8 @@
@import '../../../styles/variables.scss';
@import '../../../styles/mixins.scss';
// PageShell 已接管min-height, background, padding
.medication-page {
min-height: 100vh;
background: $bg;
padding: 32px 24px;
padding-bottom: 160px;
}

View File

@@ -12,6 +12,7 @@ import {
type MedicationReminder,
} from '../../../services/medication-reminder';
import { useElderClass } from '../../../hooks/useElderClass';
import PageShell from '@/components/ui/PageShell';
import './index.scss';
export default function MedicationReminder() {
@@ -100,17 +101,17 @@ export default function MedicationReminder() {
if (loading) {
return (
<View className={`medication-page ${modeClass}`}>
<PageShell className={modeClass}>
<Text className='page-title'></Text>
<View className='medication-loading'>
<Text className='medication-loading-text'>...</Text>
</View>
</View>
</PageShell>
);
}
return (
<View className={`medication-page ${modeClass}`}>
<PageShell className={modeClass}>
<Text className='page-title'></Text>
<View className='reminder-list'>
@@ -199,6 +200,6 @@ export default function MedicationReminder() {
<Text className='add-text'></Text>
</View>
)}
</View>
</PageShell>
);
}