feat(miniprogram): 关怀模式 Phase 2 — Design Token + 15 页面批量接入
- 新建 useElderClass hook,替代每页 3 行样板代码 - 新建 CSS 自定义属性 Design Token 系统(tokens.scss) 正常/关怀两套值:字号、间距、触控、布局参数 - 15 个页面批量接入关怀模式 class: TabBar: 商城页 主流程: 预约列表/详情/创建、咨询详情 子包: 体征录入/趋势/日常监测/告警、用药/档案/随访/报告/家庭/设置 - 新建 elder-toast 工具(关怀模式 3s + 触觉反馈) - 页面覆盖率:4/59 → 22/59 (37%) Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
23
apps/miniprogram/src/utils/elder-toast.ts
Normal file
23
apps/miniprogram/src/utils/elder-toast.ts
Normal file
@@ -0,0 +1,23 @@
|
||||
import Taro from '@tarojs/taro';
|
||||
import { useUIStore } from '../stores/ui';
|
||||
|
||||
/**
|
||||
* 关怀模式自适应 Toast
|
||||
* - 正常模式:默认 1500ms
|
||||
* - 关怀模式:默认 3000ms + 触觉反馈
|
||||
*/
|
||||
export function showToast(options: {
|
||||
title: string;
|
||||
icon?: 'success' | 'error' | 'loading' | 'none';
|
||||
duration?: number;
|
||||
mask?: boolean;
|
||||
}) {
|
||||
const { mode } = useUIStore.getState();
|
||||
const duration = options.duration ?? (mode === 'elder' ? 3000 : 1500);
|
||||
|
||||
if (mode === 'elder') {
|
||||
try { Taro.vibrateShort({ type: 'light' }); } catch { /* 不支持时静默 */ }
|
||||
}
|
||||
|
||||
Taro.showToast({ ...options, duration, icon: options.icon ?? 'none' });
|
||||
}
|
||||
Reference in New Issue
Block a user