建立playlist.vue 组件,在player.vue 组件中引用,点击迷你播放器的播放列表按钮由下至上弹出这个层,所以在player.vue 播放器组件中引用 在playlist.vue 组件中首先设置对外的方法可以控制该组件的显示隐藏,通过mapGetters 获取歌单数据 播放列表功能操作 ...
分类:
其他好文 时间:
2018-06-13 23:35:22
阅读次数:
233
搜索结果 列表点击跳转到相应的歌手详情页或者 歌曲页面,通过子路由跳转,和singer 组件一样 在suggest.vue 组件判断如果点击的是歌手,则new 一个歌手对象,通过这个对象的id 属性值传递给路由的参数,通过vuex 传递歌手数据 歌曲点击的逻辑和之前选择歌手点击列表逻辑不同,之前是改 ...
分类:
其他好文 时间:
2018-06-13 22:19:47
阅读次数:
270
建立搜索框组件页面,searchBox,组件接受一个可以自定义传入的placeholder 属性。input v-model 双向绑定数据关联到query 中, 在created中监听 query 变量将改变的新值派发给外部父组件,在search.vue 组件中将其引入 search.vue 热门搜 ...
分类:
其他好文 时间:
2018-06-13 21:04:00
阅读次数:
233
拨打电话 这个在安卓可以实现三种功能,但是在苹果手机,只能实现拨打功能 {{item.mobile}} 在vue组件内循环列表的时候,需要对href进行绑定并对后面进行拼接 ...
分类:
移动开发 时间:
2018-06-11 23:36:53
阅读次数:
338
滚动列表是一个基础组件 他是基于scroll组件实现的 在base文件夹下面创建一个list-view文件夹 里面有list-view.vue组件 在singer.vue中 ...
分类:
其他好文 时间:
2018-06-11 20:35:55
阅读次数:
162
用jsonp来获取数据 通过封装方法来获取 在src文件夹下的api文件夹里面去封装一些获取相关部分组件的数据的方法 在api文件夹下的recommend.js中 配置一下公共参数 请求的真实的url实际上是由公共参数和每个页面对应的参数拼接起来的 在recommend.vue组件中获取参数 并且渲 ...
分类:
Web程序 时间:
2018-06-08 22:05:11
阅读次数:
350
前言:vue组件化的应用涉及到vue-cli的内容,所以在应用之前是需要安装node和vue-cli的,具体如何安装我就不一一赘述了。可能一会儿我心情好的时候,可以去整理一下。 1、应用的内容:在一个页面中,需要一个固定的内容,这个内容可以多次引用,那么就可以考虑把他分离出来,在下次需要的时候,实现 ...
分类:
其他好文 时间:
2018-06-08 15:50:15
阅读次数:
141
简介 在移动端开发中,通讯录是个很常见的需求。 通讯录通常要实现以下功能 首字母导航 滚动到一定位置首字母固定 "在线通讯录demo" 布局 通讯录是典型的上下两栏布局,上面是header,下面是内容区,我们这里采用flexbox来实现。 OK。上面的代码已经足够定义一个页面的雏形, 高度44, 占 ...
分类:
其他好文 时间:
2018-06-06 21:57:17
阅读次数:
3899