项目简介

music-box是利用vue和bootstrap框架实现的音乐聚合搜索引擎，以解决因版权限制需要在各大音乐平台来回搜歌的问题。

完整代码

https://github.com/XavierJiezou/music-box

成果预览

音乐播放

在这里插入图片描述

视频播放

在这里插入图片描述

技术手段

  • vuejs
  • bootstrap
  • nginx

vuejs

vuejs用于实现跨域请求（开发环境）

bootstrap

bootstrap用于前端样式实现

nginx

nginx用于实现反向代理（生产环境）

项目进度

接口进度

  • 网易云音乐
  • QQ音乐
  • 酷狗音乐
  • 酷我音乐
  • 咪咕音乐
  • 百度音乐
  • 虾米音乐

功能进度

  • 歌曲搜索
  • 音乐播放
  • 视频播放
  • 歌词显示
  • 歌单显示
# html5 # bootstrap # vue.js # javascript # 前端
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue