refactor(mp): 迁移个人中心 12 个页面 — 统一组件库
线下活动、健康档案、报告列表、随访列表、透析记录、 透析处方、诊断列表、用药列表、家庭成员、添加家庭成员、 设置、知情同意共 12 个页面迁移: - 最外层容器 → PageShell - SCSS 删除 min-height/background 通用样式
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user