上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 45 下一页
摘要: 1.layer层代码: 2.在mounted()的时候,获取图片的高度,并获得其滚动最小高度,即图片的高度-预留的高度; 3.监听ScrollY: 阅读全文
posted @ 2018-08-12 11:40 前端极客 阅读(629) 评论(0) 推荐(0) 编辑
摘要: 注意点: 1.song-list的高度是通过计算动态获取的; 2.可以直接在{{}}调用函数,来显示函数的返回值; 阅读全文
posted @ 2018-08-12 10:47 前端极客 阅读(511) 评论(0) 推荐(0) 编辑
摘要: 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) 编辑
摘要: 1 2 3 4 {{item}} 5 6 7 8 9 10 11 事件方法: 12 onShortcutTouchStart(e){ 13 let anchorIndex = getData(e.target, 'index') 14 /... 阅读全文
posted @ 2018-08-10 15:35 前端极客 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 1.通过v-for将右侧内容渲染出来,并绝对定位到右侧 2.给每个li绑定touchStart事件,并绑定自定义属性data-index=index; 3.点击每个li,通过e来获取所绑定的自定义属性中的index; 4.封装scrll中的scrllTo和scrollTlElement方法, 5.给 阅读全文
posted @ 2018-08-10 15:07 前端极客 阅读(516) 评论(0) 推荐(0) 编辑
上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 45 下一页