摘要：
迷你播放器 1.播放器组件会在各个页面的情况下会打开。 首先在vuex state.js 中定义全局的播放器状态 2.进入播放器页面时获取播放列表数据，改变播放状态 在music-list列表中打开 在song-list 组件中派发事件到父组件，传入当前歌曲的信息和索引 在music-list 组件 阅读全文
posted @ 2018-06-13 21:49
猫哥在奔跑
阅读(681)
评论(0)
推荐(0)
摘要：
第一步：在api文件夹下创建一个singer.js文件 返回一个getSingerList()方法 使他能够在singer.vue中调用 第二步：在singer.vue中引入getSingerList方法 并且在created()中调用此方法 加载数据 第三步：由于简单的获取数据已经不符合我们的需求 阅读全文
posted @ 2018-06-13 21:28
猫哥在奔跑
阅读(1018)
评论(0)
推荐(0)
摘要：
技术栈 1，vue2，vuex3,vue-router（子路由）需求分析 1）歌手列表点击歌手会跳转到下级页面歌手详情页，歌手详情页由四个部分组成 歌手图片返回按钮：点击返回歌手tab页随机播放按钮歌手歌曲滚动2）歌曲栏向上滚动到顶部时，图片和播放按钮随之隐藏，保留歌手名和返回按钮 3）歌曲栏向下拖 阅读全文
posted @ 2018-06-13 20:11
猫哥在奔跑
阅读(426)
评论(0)
推荐(0)
摘要：
建立搜索框组件页面，searchBox，组件接受一个可以自定义传入的placeholder 属性。input v-model 双向绑定数据关联到query 中， 在created中监听 query 变量将改变的新值派发给外部父组件，在search.vue 组件中将其引入 search.vue 热门搜 阅读全文
posted @ 2018-06-13 19:46
猫哥在奔跑
阅读(312)
评论(0)
推荐(0)
摘要：
首先引入scroll组件，然后使用： 这里的data是computed计算的来的，因为scroll里面有两组数据： 而当query从有到无的时候，scroll不能自动刷新。所以需要做一点优化： 底部距离的刷新 阅读全文
posted @ 2018-06-13 19:32
猫哥在奔跑
阅读(156)
评论(0)
推荐(0)
浙公网安备 33010602011771号