项目需求
项目需求
edisonMamba
github: www.github.com/mamba666
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
点击绑定事件(基于vue)
需求 点击右边的字母,然后跳转到对应的字母的城市列表 如图,点击A 就显示到A。 点击B就显示到B 解决方法 第一步思路 首先要获取到点击的是什么东西,比如点击A就要获取到这个A。那么这个e代表的是什么呢?e其实就是点击事件,然后通过e的属性去获取到这个a。 这里可以通过控制台去查看 handleLetterClick(e){ ...原创 2020-02-27 20:49:51 · 654 阅读 · 0 评论 -
滑动绑定事件(基于vue)
需求:滑动右侧字母列表,手指停在哪屏幕就显示哪儿一个字母开头的城市列表 思路 第一步 首先,给右侧字母表得先绑定三个事件。分别是touchstart、touchmove、touchend。 第二步 现在得需要知道手指滑倒的地方对对应的字母是什么。这就需要通过一些计算去得出。有一个解决办法是先计算出A与顶部的距离H,然后在算出每一个字母所占的高度h,然后计算...原创 2020-02-28 12:10:03 · 683 阅读 · 0 评论 -
点击图片显示画廊效果
看起来很复杂,实际上只是用到了v-show,v-show可以控制组件显示与否。其实项目不是最终目的,而是通过项目去掌握知识达到融汇贯通的效果。所以不要囫囵吞枣的将项目做完,而是时时反思。好了废话不多讲,先看效果图 可以发现图片是居中显示的,其他地方都是黑色背景,并且这还是一个轮播效果。emmmmm ,好复杂 解决办法 第一步 首先来结解决这个css的问题,...原创 2020-03-02 08:46:30 · 491 阅读 · 0 评论
分享