用vue写一个炫酷的数字时钟
灵感来源 在codepen上看到一个大佬的作品，比较有意思，就想用vue写一个更简单的。代码很简单。 gif演示图片加载缓慢，可以点击这里可以查看代码运行效果 全部代码 ...
原文：vue 写一个炫酷的轮播图
效果如上图： 原理： 利用css 的transform 和一些其他的属性，先选五张将图片位置拍列好，剩余的隐藏 利用 js 动态切换类名，达到切换效果 css代码如下 .swiper certify 上下左右居中 height: width: .centerPosition position: absolute top: left: transform: translate , o transf ...
2019-07-13 11:22 2 1178 推荐指数：
相关推荐
用vue做一个酷炫的menu
写在前面 最近看到一个非常酷炫的menu插件，一直想把它鼓捣成vue形式，谁让我是vue的死灰粉呢，如果这都不算爱😔。😆开个小玩耍，我们一起来探索黑魔法吧。观看本教程的读者需要具备一定的vue和css3的知识. 本文结构 1.效果演示 2.使用方法介绍 3.关键步骤 ...
用vue写一个仿简书的轮播图
原文地址：用vue写一个仿简书的轮播图 先展示最终效果： Vue的理念是以数据驱动视图，所以拒绝通过改变元素的margin-top来实现滚动效果。写好css样式，只需改变每张图片的class即可实现轮播效果。可以将轮播图看成两个，如图所示： 写好每个class的样式： 模板包含两个轮播图 ...
用Canvas写一个炫酷的时间更新动画玩玩
貌似正文运行不了JS了... 打开浏览器Console，复制下面的js运行即可... ...
手写一个移动端带惯性的轮播图vue组件
利用vue的插槽（solt）的方法实现 带有惯性 可以适应手机端屏幕 可以灵活的修改样式 可以手动的拖拽 拉力 引入组件 在template模板插入代码 ...
Vue 炫酷 Echarts 图表
Vue 炫酷 Echarts 图表 网址：https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=all 这上边还是有很多设计炫酷的 echarts 图表的，可以做大屏的时候使用。简单的写几个案例，可以根据自己的需要 ...
用 vue 手写一个h5.页面的轮播图
直接上代码： 由于手机端是触摸滑动的，因此与 pc 端略有不同，但是思路是一样的。 ...
3d轮播图（另一种方式，可以实现的功能更为强大也更为灵活，简单一句话，比酷狗优酷的炫）
前不久我做了一个3d仿酷狗的轮播图，用的技术原理就是简单的jquery遍历+css样式读写。 这次呢，我们换一种思路（呵呵其实换汤不换药），看到上次那个轮播吗？你有没有发现用jquery的animate来写的话（酷狗那轮播样式6个其实还好），如果很多的话呢？会怎样，是不是得写一大坨？这显然 ...