8d2f3aed08356da47b8407bd065e991b9759dd25
根因:资讯页tab区看似不透明是因为.ct容器有渐变背景且tab在ScrollView之外(固定区),内容不会滚到tab后面。活动页是页面级滚动+sticky tab,透明后卡片图片透过来。 修复: 1. 活动页改为与资讯页相同的 flex+ScrollView 结构 2. .events 容器加渐变背景 height:100vh overflow:hidden 3. PageHeader+倒计时横幅+tab区 在固定区,内容在 ScrollView 内独立滚动 4. .ev-tabs 从 sticky 改为 static,背景 transparent 5. 移除 tabsTop 测量逻辑(不再需要吸顶) 6. 加 disableScroll:true(ScrollView独立滚动)
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。
Description
Languages
JavaScript
75.9%
SCSS
12.4%
CSS
11.4%
Shell
0.2%
HTML
0.1%