danlidanli-app

1. 目前使用的插件（除了内置的）：

• mint-ui
• axios 获取数据
• crypto 加密
• vue-cropper 图片裁剪
• vue-qr 二维码生成
• clipboard 移动端粘贴复制
• vue-touch 移动端点击等事件
• amfe-flexible 移动端自适应
• better-scroll 支持滚动
• vue-calendar-component 日历插件
• video.js / vue-video-player 视频插件

2. 已完成模块：

• 登陆注册
• 个人钱包模块(支付功能完成啦，虽然用的是Dcloud的接口，是捐给他们的)
• 个人粉丝/关注模块
• 主要框架及首页推荐
• 扫一扫 （使用了原生H5+，需要在安卓端或真机上才可运行）
• 侧边栏
• 设置 （为了做到高仿，几乎将所有设置模块的功能都实现了，花了将近半个月，主要是大量涉及到H5+的原生功能，需要打包在Hubilder上测试，无法实时刷新，巨麻烦（我真是沙雕，居然会选择纯Vue + H5+plus））
• 添加地址/收件人 （之所以将这个当作模块是因为后边购物应该会用到）
• 头像挂件 （不太好意思说这是个模块。。。）
• 主题模块 （实际上并没有，只有选项的交互，没有实际效果，主要是使用的样式太多，而且大多不是全局的，虽然可以用vuex来处理。。。）
• 个人空间及UP主空间（同一个组件）模块样式已完成，交互暂未完成
• 核心模块：视频模块：
  1. 视频播放、暂停、快进、拖动进度条等；
  2. 弹幕、添加弹幕（可选择颜色，大小，模式等）；
  3. 评论功能，可使用四种类型的表情包；
  4. 视频全屏后可以修改速度
  5. 锁屏、屏幕截图分享（分享功能真机上才能使用）
  6. 修改光亮和音量（一开始使用原生的来实现，但不能很流畅的修改，因此改用视频自带的音量和filter: lighterness样式来代替）
  7. （为了原汁原味，我抛弃了之前爬的数据，改用了B站的接口，也不知道什么时候不能用）

3. 存在的问题：

• 在设置模块的用户头像设置时，如果快速的点击会造成接口奔溃（可防抖），或者连续调用三个换头像的功能也会导致上述结果，应该是网速度太慢导致的。
• 设置模块中的离线设置中，自定义目录会自动创建（通过文件下载之后才创建），因此我给修改了用户第一次进入时会自动下载一张图片作为测试，同时生成默认下载存放的文件夹。
• 视频第一次全屏不会横屏（真机，移动端一切安好），虚拟按键退出需要按两次才能退出全屏模式
• 视频弹幕的数量太大，动态添加影响效能太大了（改用canvas试试）
• 画中画功能听说已经可以在最新版的移动端使用了，但是测试的时候并不行，真机上就更别说了。

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build