feat(miniprogram): 温润东方风全面 UI 重设计

73 文件变更,覆盖全部 40 个页面 SCSS + TabBar 图标 + 组件样式。
统一赤陶主色 #C4623A + 暖米背景 + 衬线标题字体 + 12px 圆角体系。
This commit is contained in:
iven
2026-04-28 00:19:52 +08:00
parent fbb28e655d
commit 50eae8b809
97 changed files with 7633 additions and 2373 deletions

View File

@@ -7,13 +7,13 @@ import type { PointsAccount, CheckinStatus } from '../../services/points';
import './index.scss';
const MENU_ITEMS = [
{ label: '我的订单', icon: '🛒', path: '/pages/mall/orders/index' },
{ label: '积分明细', icon: '📊', path: '/pages/mall/detail/index' },
{ label: '就诊人管理', icon: '👥', path: '/pages/profile/family/index' },
{ label: '我的报告', icon: '📋', path: '/pages/profile/reports/index' },
{ label: '我的随访', icon: '💬', path: '/pages/profile/followups/index' },
{ label: '用药提醒', icon: '💊', path: '/pages/profile/medication/index' },
{ label: '设置', icon: '⚙️', path: '/pages/profile/settings/index' },
{ label: '我的订单', char: '', path: '/pages/mall/orders/index' },
{ label: '积分明细', char: '', path: '/pages/mall/detail/index' },
{ label: '就诊人管理', char: '', path: '/pages/profile/family/index' },
{ label: '我的报告', char: '', path: '/pages/profile/reports/index' },
{ label: '我的随访', char: '', path: '/pages/profile/followups/index' },
{ label: '用药提醒', char: '', path: '/pages/profile/medication/index' },
{ label: '设置', char: '', path: '/pages/profile/settings/index' },
];
export default function Profile() {
@@ -35,7 +35,7 @@ export default function Profile() {
setPointsAccount(acct);
setCheckinInfo(status);
} catch {
// 账户可能尚未创建,静默处理
// 账户可能尚未创建
}
}, []);
@@ -56,6 +56,7 @@ export default function Profile() {
return (
<View className='profile-page'>
{/* 用户信息区 */}
<View className='profile-header'>
<View className='profile-avatar'>
<Text className='profile-avatar-text'>
@@ -65,27 +66,24 @@ export default function Profile() {
<Text className='profile-name'>{user?.display_name || '未登录'}</Text>
<Text className='profile-phone'>{user?.phone || ''}</Text>
{/* 积分余额信息 */}
{/* 积分余额 */}
<View
className='profile-points'
className='profile-stats'
onClick={() => Taro.navigateTo({ url: '/pages/mall/detail/index' })}
>
<View className='points-info-item'>
<Text className='points-info-value'>
{(pointsAccount?.balance ?? 0).toLocaleString()}
</Text>
<Text className='points-info-label'></Text>
<View className='stat-item'>
<Text className='stat-value'>{(pointsAccount?.balance ?? 0).toLocaleString()}</Text>
<Text className='stat-label'></Text>
</View>
<View className='points-info-divider' />
<View className='points-info-item'>
<Text className='points-info-value'>
{checkinInfo?.consecutive_days ?? 0}
</Text>
<Text className='points-info-label'>()</Text>
<View className='stat-divider' />
<View className='stat-item'>
<Text className='stat-value'>{checkinInfo?.consecutive_days ?? 0}</Text>
<Text className='stat-label'>()</Text>
</View>
</View>
</View>
{/* 菜单 */}
<View className='profile-menu'>
{MENU_ITEMS.map((item) => (
<View
@@ -93,13 +91,16 @@ export default function Profile() {
key={item.label}
onClick={() => handleMenuClick(item.path)}
>
<Text className='menu-icon'>{item.icon}</Text>
<View className='menu-icon'>
<Text className='menu-icon-char'>{item.char}</Text>
</View>
<Text className='menu-label'>{item.label}</Text>
<Text className='menu-arrow'></Text>
</View>
))}
</View>
{/* 退出登录 */}
<View className='profile-logout' onClick={handleLogout}>
<Text className='logout-text'>退</Text>
</View>