4-3 创建弹层布局结构及样式
介绍
章节
问答
笔记
第1章 课程简介
1-1 课程介绍
第2章 Webpack搭建项目环境
2-1 创建webpack与loader使用
2-2 webpack的插件使用
2-3 webpack-dev-server的使用
2-4 支持字体图标的使用
2-5 支持TypeScript的使用
第3章 需求分析&视频列表实现
3-1 弹层播放器需求分析
3-2 视频列表页实现其结构
3-3 视频列表页实现其样式
第4章 Popup弹层组件开发
4-1 组件框架搭建
4-2 模块化CSS方式
4-3 创建弹层布局结构及样式
4-4 创建遮罩层结构及样式
4-5 弹层交互及弹层容器回调实现
第5章 弹出层中的Video播放器组件开发
5-1 视频组件框架搭建
5-2 添加播放器布局结构
5-3 添加播放器样式
5-4 播放与暂停的实现
5-5 当前时间与总时间
5-6 播放器全屏功能
5-7 播放进度条的实现
5-8 拖拽播放进度条与音量进度条
5-9 配置自动播放
5-10 打包项目案例
第6章 课程总结
6-1 课程回顾与总结
