摘要: 1.封装music-lsit组件: 2.在singer-detail中引用传值: 阅读全文
posted @ 2018-08-11 18:30 前端极客 阅读(480) 评论(0) 推荐(0) 编辑
摘要: 1.在api/song.js中发送jsonp请求来请求数据 2.封装api/common/js/song.js的song类,来获取想要的信息 3.在sing-detail.vue中请求数据; 4.引入封装的song类,并处理请求到的数据: 阅读全文
posted @ 2018-08-11 17:49 前端极客 阅读(806) 评论(0) 推荐(0) 编辑
摘要: 1.建src/store文件夹,建立以下文件来存储歌星信息 2.state.js 2.mutations.js 3.mutation-type.js 4.getters.js 5.index.js 6.在singer.vue中引入mapMutations from vuex,并映射到方法中,设置se 阅读全文
posted @ 2018-08-11 11:20 前端极客 阅读(418) 评论(0) 推荐(0) 编辑
摘要: 1.创建components/singer-detail/singer-detail.vue 2.配置动态路由: 3.在listview.vue中emitselectSinger事件来触发选择明星,并将选择的明星item作为参数派发给singer.vue 4.singer中监听派发的selectsi 阅读全文
posted @ 2018-08-11 09:38 前端极客 阅读(513) 评论(0) 推荐(0) 编辑
摘要: 1.将写好的dom绝对定位到顶部; 2.dom值为singerlist的currentIndex.title(通过计算属性获取),如果有则显示fixedTitle,没有则隐藏; 3.计算diff:当diff小于30,大于0的时候滚动,滚动的距离就是diff-顶部高度即TITLE_HEIGHT; 4. 阅读全文
posted @ 2018-08-11 08:14 前端极客 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 1.封装scroll.vue的listenScroll属性和方法,用来确定监听listview.vue的滚动事件 2.将listview.vue的listenScroll属性默认设置为true; 3.写scroll(pos)方法,实时监听左侧scroll位置,并根据滚动位置计算滚动到了索引为哪一个值 阅读全文
posted @ 2018-08-11 08:02 前端极客 阅读(717) 评论(0) 推荐(0) 编辑