使用vue+node+webpack+mysql+vantUI
自定义对象结合canvas实现,详见内部相关对象
大多数是选择原生布局,除了如轮播、个别表单组件和弹窗。响应式采用流式布局以及媒体查询。
网站大致功能主要分为用户和视频两部分。
网站还存在一些bug,会在之后进行完善。
- 关于弹幕系统无法再手机端显示 由于手机端浏览器对video标签进行了劫持,强行置顶无法通过css修改,故弹幕功能只能在PC端实现(现阶段无法向浏览器方申请白名单,解决方法只能是放弃h5而使用flash)
- 关于视频工具栏 由于个人水平以及时间有限,并没有对工具栏进行优化,样式可能有些难看。有时间会在后面优化。
- 关于网站布局 整体布局仿照b站,个人对UI方面不是很熟悉,图片比较简陋,会在之后进行优化。
本实例仅供参考和学习,谢谢~