小怪兽0214

摘要： 一.点击底下的歌曲播放头像，会显示歌单详情 1.新建playMusic组件 2.在playcontroller引入组件，注册及使用 3.默认歌单详情不显示 <playMusic v-show="show"></playMusic> data() { return { paused: true, sh 阅读全文

摘要： 一.实现动态效果：底下音乐播放的什么图片就对应显示该歌单的图片 store/index.js <div class="left"> <img :src="playlist[playCurrentIndex].al.picUrl" alt=""> <div class="content">{{ pla 阅读全文

摘要： 1.在compontents下创建playcontroller.vue <template> <div class="playController"> <div class="left"> <img src="https://p1.music.126.net/R-Eg1aZcut8jKYM6UP5f 阅读全文

摘要： 编程式路由 怎么实现点击哪个跳转到哪个页面？ 除了使用 <router-link> 来创建 a 标签来定义导航链接，通过设置不同的id跳转到指定页面，我们还可以借助 router 的实例方法，通过编写代码来实现。 动态路由的传参 {path:'/listview',query:{id:item.id 阅读全文

摘要： 搭建主页面 （1）清空views文件夹内的VUE项目，并且新建HomeView.vue文件。 （2）在components内新建四个vue文件 分别是：swiperCom、topNav、musicList、iconList （3）在public 下建立js ，js内建立rem.js 将rem.js 阅读全文

摘要： 新建项目，搭建后端。 下载后端文件NeteaseCloudMusicApi-master到新建的目录下，每次启动项目时，要到此后端文件内打开终端输入指令node app.js启动后端。 打开NeteaseCloudMusicApi-master的父级目录的终端 npm install -g @vue 阅读全文