Silver Health (银发健康)

基于 Taro + React + TypeScript 构建的有机风格微信小程序，后端由 Zion.app 驱动。

核心特性

• 🌿 有机/自然设计系统 (Organic UI)：遵循 wabi-sabi 美学，使用非对称圆角、自然色调和彩色阴影。
• ⚡ Zion.app 后端集成：全量 GraphQL 通讯，支持静默登录、OSS 文件上传和 Actionflow。
• 📱 多端支持：通过 Taro 框架，支持编译为微信小程序、H5 及 React Native。

技术栈

• 前端框架: Taro 3.6.22 (React 18)
• 样式方案: Tailwind CSS + SCSS
• 状态管理: Zustand
• 后端服务: Zion.app (GraphQL v2)
• 开发工具: TypeScript 4.9.5

快速开始

1. 安装依赖

推荐使用 pnpm 安装依赖：

# 如果没有 pnpm，请先运行: npm install -g pnpm
pnpm install

2. 配置 Zion 项目 ID

打开 src/utils/zion.ts，将 {projectExId} 替换为你实际的 Zion 项目 ID。

3. 本地开发

# 微信小程序
pnpm run dev:weapp

# H5 预览
pnpm run dev:h5

设计规范

• 背景色: #FDFCF8 (米白色)
• 主色: #5D7052 (苔藓绿)
• 圆角: 按钮使用 rounded-full，卡片使用 OrganicCard (非对称圆角)
• 阴影: 禁止使用纯黑色，统一使用苔藓绿或粘土橙色调阴影。

许可证

MIT