仿b站项目流程 (知识点)
摸鱼者该死, 但不摸鱼浑身难受。
项目
2024-10-15 完成进度主页 index
但是主页搜索 跳转路由的页面 换一换 稍后再看等模块还没有开发
消耗的时间有点久,现在没啥思路,
目前要写个人空间页面 视频页面
个人中心页面的话
max width 2560px height 64px
headbar 组件 可以复用 是固定的
app 视窗 包括
h top_img h-user 用户信息 视角
navigator 导航窗口 主页 动态 投稿 合集与列表 收藏 追番追剧 设置 搜索框 左布局
关注 粉丝 获赞 播放 右布局 — 需要有默认加 fixed 两种窗口状态 监听滚动距离
3. 内容布局
主页导航
分为两列 col-1 col-2
3-1: col-1
粉丝 和访客 两种组件状态
置顶视频 骨架屏
可以用 videocard 组件 但是重新写吧
我的视频 5 个
视频 : 标题 时间 播放量
我的收藏夹 5 个
默认收藏夹 加 4 个自定义名称
收藏夹 :数量 图右上| 名字 是否公开状态
订阅番剧
2\*2 4 个
番剧 图 |番名 简介
投币视频 8 个
4\*2
专栏
点赞的视频 8 个
4\*2
3-2: col-2
哔哩哔哩认证
创作中心 (视频投稿 内容管理)
公告
直播间
个人资料
最近玩过的游戏
动态
3-1 col-1
-list 右侧装扮
--list-items item
--end 世界尽头标识
3-2 col-2
个人资料
投稿
左侧导航 视频 音频 图文
右侧
main
row 我的视频 最新发布 最多播放 最多收藏 | 布局格式 4*n 或 1*n 按钮
row 全部 分类通过标签
视频模块 5*n 或 1*n
合集
同样 但是我没有 没有合集视频呜
有或无双模板
有和 投稿类似
无 row title |布局
row content
收藏
左侧导航
新建 弹窗
默认
右侧content
默认收藏夹 第一个card 独占一行
row 分类 批量操作 全部分区下拉 |最近收藏下拉 搜索框 当前/全部 | 搜索
row 5*4
分页
追番
row 番/剧 筛选 全部下拉...
max 3*5
分页
设置
- to-top 跳转按钮
视频页面
headbar
content col-1 flex布局 方向 col
div -row --标题 时间... div -row -- 视频窗口 视频相关配置 弹幕全屏... -row --点赞投币 收藏 转发 ... div -row -- 简介 --row --标签 --row -- 广告占位 --row -- 评论 头像 发布评论 评论区 右侧装扮
col-2
up主区域 弹幕列表 list 广告占位 下一个播放 1 游戏广告占位 推荐播放列表 20 直播间 1
end 没有更多了
投稿主页
head logo 主站 头像 信息 下载 不固定大小 随页面变化 到一定值固定
root
左右 cbody
nestjs 后端设计
表结构
user表
admin表
uploader表
videos表
comments表
dynamics表
follows表
likes表
频道表 频道子集表
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Lilac'slies!