一个让 AI 影像创作者「参赛 → 曝光 → 组队 → 投奖 → 被看见」闭环跑起来的社区产品。
主阵地。投稿、投票、看榜、接招募都在微信里完成,分享与传播天然顺滑。
同一份代码编译出的网页版,桌面端自动切换为左右分屏布局,适合大屏浏览与放映。
内容审核、赛事与活动的增删改查、人员与权限管理,与用户站共用同一套数据契约。
DESIGN.md(StoryStorm Tech V1.0):冷灰纸面 + 发丝描边 +
等宽数字微标签 + 克制的极光渐变,六色语义贯穿全站。
底部五个 Tab 构成主骨架:发现、活动、发帖、排行榜、我的。
赛程时间线 + 奖项 + 规则 + 人气榜 + 作品墙 + 底部参赛栏,站酷 / 天池式结构。限时赛、周赛、闪电写作赛等赛制可直接配置。
总榜 / 地区 / 好友 / 分类多维切换,前三名领奖台 + 词元积分;横屏下左屏领奖台固定、右屏长榜独立滚动。
按城市 + 类型筛选活动流,活动详情含封面、信息栅格、嘉宾、同城推荐与报名栏。圈子与动态广场沉淀日常创作。
FilmFreeway 式影展库:截稿倒计时、报名费、单元、投递要求、代投流程一站式,标签筛选直达目标影展。
找队友、接活、共创拍片。招募帖支持报名与提交,把「一个人做不了」的片子凑齐人。
关注 / 粉丝 / 获赞 / 作品统计,基础档案与创作标签,作品、片单、获奖履历分栏展示。
参考 Netflix / Hulu 的内容结构,把「一部片子 + 一堆物料 + 一堆评论」组织成可逐层深入的树。
在任意一层发言,评论会按归属自动向上汇聚,且始终保留来源标签可跳回原处:
| 你在哪评论 | 会出现在哪 | 标签 |
|---|---|---|
| 第 3 集 | 第 3 集 + 所属剧集 + 整个 IP | 第3集 可点击跳回该集 |
| 剧集页 | 该片 + 整个 IP | 片名 跳回该片 |
| IP 页 | 仅在 IP 总墙 | IP 级 |
n = 0),所以电影与系列共用同一套分集、评论与汇总逻辑,
不需要为电影单独写一条分支。
uni-app + Vue 3 + Vite,数据层为本地优先的 mock,无需后端即可完整体验。
| 层面 | 做法 |
|---|---|
| 框架 | uni-app(Vue 3 + Vite 5),一套代码编译到 mp-weixin 与 h5 |
| UI | wot-design-uni 组件库 + 自研 SDUI 渲染器(schema 驱动搭建页面) |
| 样式 | storystorm.css 统一 rpx 令牌;H5 横屏自动切左右分屏,竖屏堆叠 |
| 数据 | 种子数据 seed.ts + 覆盖层 ss-store.ts(localStorage,跨页签同步) |
| 接口 | ss-api.ts 模拟异步返回,接口形状与真实后端一致,替换成本低 |
| 多语言 | 内置中英双语 i18n.ts,切换即时生效 |
| 主题 | 支持深色模式,偏好持久化 |
SdNode.src.vue 单一维护,
执行 npm run gen:sdui 生成 6 层递归组件。调小层数前必须重测——层数不够会静默截断内容。
需要 Node 18+。
| 目标 | 命令 |
|---|---|
| 安装依赖 | npm install |
| H5 网站(默认端口) | npm run dev:h5 |
| 指定端口 | npx uni --port 5174 |
| 微信小程序 | npm run dev:mp-weixin,再用微信开发者工具打开 dist/dev/mp-weixin |
| 类型检查 | npm run type-check |
| 重新生成 SDUI 渲染器 | npm run gen:sdui |
src/main.ts 已全局包装 navigateTo,
即将触顶时自动降级为 redirectTo,避免跳转静默失败。