Pine
cbdab8da4a
四个详情页从单一大卡片改为hero区+多卡片布局： - 页面根容器统一左右24rpx边距（修复卡片贴边问题） - Hero区（标签/标题/元信息）不加卡片，直接显示 - 内容按模块拆分独立白色半透明卡片（22rpx圆角+边框+阴影） - 配色与任务详情页一致：渐变背景+蓝紫主色 岗位详情：hero + 岗位职责卡 + 任职要求卡 + 投递表单卡 人才详情：hero(头像+名字) + 基本信息卡 + 自我介绍卡 + 领域技能卡 + TA的服务卡 服务详情：hero + 服务介绍卡 + 服务方卡 + 预约下单卡 社区详情：帖子正文卡 + 评论列表卡 + 评论输入区
OPC 培训系统代码（opc-training）
云南省 OPC 培训课程体系的全部可运行代码，源自 培训计划/课程体系0.1，现按「代码与内容分离」规范独立于此。
课程内容、模板、知识库、交付 SOP 等非代码资料在
materials/培训计划/。本目录只含可运行的代码与部署脚本。
组成
| 目录 | 说明 |
|---|---|
miniprogram/ |
C 端微信小程序（Taro 3.6 + React 18，编译 weapp）。页面：首页 / 活动报名 / OPC 测评 / 政策 / 我的 等。 |
website/ |
三端 Web 应用（Vite 5 + React 18，opc-training-web）。src/user/ 对外 C 端、src/platform/ 管理/报表、src/data/ 内容数据。 |
server/ |
后端（FastAPI + SQLite，uv 管理，:8091）。认证、活动报名/签到、OPC 测评引擎、政策/计划/调研。 |
sync-server.sh |
后端部署同步脚本。 |
与课程内容的对应关系
- 三端架构、小程序↔网页同步约束：见
materials/培训计划/课程体系0.1/三端架构设计.md、小程序同步约束.md - 产品规格与课程设计：见
materials/培训计划/课程体系0.1/课程产品体系.md、课程设计/ - 内容数据（测评题库等）与前端展示内容：见
materials/培训计划/课程体系0.1/各内容目录
常用命令
# 小程序（Taro → 微信）
cd miniprogram && yarn dev:weapp
# 后端（uv）
cd server && uv run uvicorn app.main:app --port 8091 --reload
# 网站（Vite）
cd website && pnpm dev
上线说明与后端部署见各子目录
README.md。