爱奇艺EPG（复刻平板端）

技术介绍

• 使用View-App实现交互
• Web端，使用阿里web播放
• IPTV端，使用机顶盒播放器
• 使用webpack打包，兼容es5及之前版本
• 功能方面，暂未使用第三方库

View-App框架地址

• 官方地址
• Demo地址
• 代码地址：
  • github地址
  • gitee地址

项目地址

爱奇艺项目： github地址、gitee地址
项目效果：地址

功能介绍

将爱奇艺中比较适合的几个主要页面复刻出来，并做了对应EPG的调整，包含一下页面：

• 欢迎页
• 首页 包含六个分页，详细实现了前两个分页，导航焦点切换分页
  • 推荐分页
  • 专题推荐分页
• 搜索页（首页右上角进入） 包含两个分页，当出入首字母时切换到搜索结果分页
  • 推荐搜索分页
  • 搜索结果分页
• 详情页（点击内容进入） 包含视频窗，相关推荐
• 订购页（点击详情页的订购按钮进入） 包含4个分页
  • VIP精选分页
  • 其他分页（空白分页）
• 列表页（点击首页导航栏进入）
  • 顶部的类型筛选条件
  • 底部的内容列表

详细说明及效果

欢迎页

• 全屏的内容推荐

效果

首页

• 导航栏

  • 点击导航栏进入对应的列表页
  • 焦点变化，切换分页

• 搜索按钮

  • 点击进入搜索页

• 播放记录

  • 点击搜索按钮左侧的图标打开播放记录弹窗

  首页的推荐分页效果

首页的播放记录弹窗效果

搜索页

• 点击搜索输入框弹出软键盘
• 输入首字母切换到搜索结果分页

搜索页的推荐分页

搜索页的软键盘

搜索页的搜索结果分页

详情页

• 视频窗播放
• 子集列表
• 推荐内容

详情页效果

订购页

• 点击VIP精选分页的右上方的按钮弹出弹窗

效果

列表页

• 顶部的内容类型，选择后筛选出对应的内容
• 底部内容列表展示

效果暂无

感谢

• 感谢七年，完成部分模块的开发