feat(miniprogram): 初始化 Taro 4 + React 小程序项目
- 手动创建 Taro 4.2 + React 18 + TypeScript 项目骨架 - 配置 webpack5 编译、SCSS 样式、医疗清新主题 - 实现 API 请求层(JWT 自动注入 + token 刷新) - 实现 auth store(微信登录 + 手机号绑定 + 就诊人管理) - 实现登录页(微信一键登录 + 手机号授权绑定) - 实现首页(问候栏 + 今日健康卡片 + 快捷服务 + 即将到来) - 实现我的页面(个人信息 + 功能菜单 + 退出登录) - 健康/预约/资讯占位页 - TabBar 5 个入口:首页/健康/预约/资讯/我的
This commit is contained in:
20
apps/miniprogram/src/styles/mixins.scss
Normal file
20
apps/miniprogram/src/styles/mixins.scss
Normal file
@@ -0,0 +1,20 @@
|
||||
@import './variables.scss';
|
||||
|
||||
@mixin card {
|
||||
background: $card;
|
||||
border-radius: $r;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
|
||||
padding: 24px;
|
||||
margin: 0 24px 20px;
|
||||
}
|
||||
|
||||
@mixin flex-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@mixin safe-bottom {
|
||||
padding-bottom: constant(safe-area-inset-bottom);
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
21
apps/miniprogram/src/styles/variables.scss
Normal file
21
apps/miniprogram/src/styles/variables.scss
Normal file
@@ -0,0 +1,21 @@
|
||||
// 医疗清新主题 — 青色主调
|
||||
$pri: #0891B2;
|
||||
$pri-l: #E0F7FA;
|
||||
$pri-d: #065A73;
|
||||
$pri-surface: #ECFEFF;
|
||||
$acc: #059669;
|
||||
$acc-l: #D1FAE5;
|
||||
$bg: #F0FDFA;
|
||||
$card: #FFFFFF;
|
||||
$tx: #134E4A;
|
||||
$tx2: #6B7280;
|
||||
$tx3: #94A3B8;
|
||||
$bd: #E5E7EB;
|
||||
$bd-l: #F3F4F6;
|
||||
$dan: #DC2626;
|
||||
$dan-l: #FEE2E2;
|
||||
$wrn: #D97706;
|
||||
$wrn-l: #FEF3C7;
|
||||
$r: 12px;
|
||||
$r-sm: 8px;
|
||||
$r-lg: 16px;
|
||||
Reference in New Issue
Block a user