用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個其實還好），如果很多的話呢？會怎樣，是不是得寫一大坨？這顯然 ...