iT邦幫忙

vuetify相關文章
共有 60 則文章
鐵人賽 Modern Web DAY 8
30天Vue出Google SSO 系列 第 8

技術 Day 08. F2E-選擇帳號

昨天漏個一個小地方沒有改到,就是我們卡片的 cardTitle 和 cardSubTitle它還是寫死的xD 趕快來補一下作業~ #Step 1 打開 /vi...

鐵人賽 Modern Web DAY 4
Daily UI : 開發者版 系列 第 4

技術 Vuetify:Preface › ❹ Best Learning Strategy on Vuetify

The Fastest Way to start Vuetify 以上為目前其網站的主要章節列表,本系列文雖忽略最後一項,但建議可配合 Getting st...

鐵人賽 Modern Web DAY 12
Daily UI : 開發者版 系列 第 12

技術 Vuetify:Credit Card Payment

https://codepen.io/hereiscasio/pen/ZqXVWN?editors=1010 Used UI Component ( #2 )...

鐵人賽 Modern Web DAY 3
30天Vue出Google SSO 系列 第 3

技術 Day 03. F2E-建立專案

今天目標是建立前端的專案以及介紹資料夾結構至於過程中會使用到的如: Vue、Vuetify、Vue Cli會稍微帶過,但就不詳細介紹了但會附上連結,怕看不懂的...

鐵人賽 Modern Web DAY 5
30天Vue出Google SSO 系列 第 5

技術 Day 05. F2E-首頁開發

今天要來實作首頁的部分應該會有人覺得很奇怪,為什麼SSO會需要首頁? 做登入頁就好了吧? 需要首頁的原因是這樣的 你就做的跟Google一樣就好了!! 而...

鐵人賽 Modern Web DAY 13

技術 #13 元件開發: TheTags

上一篇將 blog 所需要的頁面整體結構都建好了,但其實內容都還沒有做啊。 因為會用到許多套件,接下來的篇幅,會先將頁面所需要的元件寫完,再完成所有頁面的切版與...

鐵人賽 Modern Web DAY 16
Daily UI : 開發者版 系列 第 16

技術 Vuetify:About Card

https://codepen.io/hereiscasio/pen/VVYpNb Used UI Component ( #0 ) UI 圖來源見此 Dis...

鐵人賽 Modern Web DAY 18
Daily UI : 開發者版 系列 第 18

技術 Vuetify:Google Trend

https://codepen.io/hereiscasio/pen/ExYGOPr?editors=1010 Used UI Component ( #3...

鐵人賽 Modern Web DAY 9
30天Vue出Google SSO 系列 第 9

技術 Day 09. F2E-輸入密碼

今天進度目標要完成登入頁的 輸入密碼 頁~ #輸入密碼開發 其實 輸入密碼 頁,跟 輸入帳號 頁幾乎一樣參考Google畫面 所以第一步... ctrl+c...

鐵人賽 Modern Web DAY 27
Daily UI : 開發者版 系列 第 27

技術 Vuetify:Google Domain

https://codepen.io/hereiscasio/pen/gOYEXjM?editors=1000 Used UI Component ( #1...

鐵人賽 Modern Web DAY 17

技術 #17 元件開發: ThePostPreview (default & admin 模式)

~~快要爆炸啦~~~~最近要趕工作~~~~快要齁不住了~~ 今天來寫一個文章摘要預覽的元件,主要有兩種模式: default: 使用者會看到的模式。 admi...

鐵人賽 Modern Web DAY 26
Daily UI : 開發者版 系列 第 26

技術 Vuetify:Google News › Advanced Implementation

https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 延續昨天的程式碼,今天專門介紹 Vue-port...

鐵人賽 Modern Web DAY 21
Daily UI : 開發者版 系列 第 21

技術 Vuetify:Google Alert › Advanced Implementation

https://codepen.io/hereiscasio/pen/gOYVXVy 為什麼說這個 Toolbar 特效很難?難就難在如何以既有的 Vuetif...

鐵人賽 Modern Web DAY 29
Daily UI : 開發者版 系列 第 29

技術 Vuetify:Google YoutubeMusic › Static Layout

https://codepen.io/hereiscasio/pen/VwZRmwy?editors=1010 Used UI Component ( #1...

鐵人賽 Modern Web DAY 2
30天Vue出Google SSO 系列 第 2

技術 Day 02. 專案規劃

在一個專案啟動前,都會先有一個專案規劃書或規格書通常第一版會漏很多資訊,或是不合理的條件,然後慢慢的去修定版本內容基本上會包含: 概述 專案簡介 目標 系統...

鐵人賽 Modern Web DAY 28
Daily UI : 開發者版 系列 第 28

技術 Vuetify:Google Contact

https://codepen.io/hereiscasio/pen/dybLbVd?editors=1010 Used UI Component ( #3...

鐵人賽 Modern Web DAY 10
Daily UI : 開發者版 系列 第 10

技術 Vuetify:Account Settings

https://codepen.io/hereiscasio/pen/mzKZzx?editors=1000 Used UI Component ( #2 )...

鐵人賽 Modern Web DAY 25
Daily UI : 開發者版 系列 第 25

技術 Vuetify:Google News › Static Layout

https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 Used UI Component ( #1...

鐵人賽 Modern Web DAY 13
Daily UI : 開發者版 系列 第 13

技術 Vuetify:What is your budget ?

https://codepen.io/hereiscasio/pen/dgKWEX?editors=1010 Used UI Component ( #1 )...

鐵人賽 Modern Web DAY 14
Daily UI : 開發者版 系列 第 14

技術 Vuetify:Calories Calculator

https://codepen.io/hereiscasio/pen/yRxWpb?editors=1010 Used UI Component ( #1 )...

鐵人賽 Modern Web DAY 23
Daily UI : 開發者版 系列 第 23

技術 Vuetify:Google Fonts › Advanced Implementation

https://codepen.io/hereiscasio/pen/eYYOYVJ?editors=1010 跟之前做的 Google Alert 一樣,今...

鐵人賽 Modern Web DAY 22
Daily UI : 開發者版 系列 第 22

技術 Vuetify:Google Fonts › Static Layout

https://codepen.io/hereiscasio/pen/BaBMYEj Used UI Component ( #1 ) #1 Buttons:...

鐵人賽 Modern Web DAY 19
Daily UI : 開發者版 系列 第 19

技術 Vuetify:Google Translate

https://codepen.io/hereiscasio/full/XWryZQO Used UI Component ( #3 ) #1 Tooltip...

鐵人賽 Modern Web
30天Vue出Google SSO 系列 第 29

技術 Day 29. F2E-完善過渡動畫

昨天後來在看效果時,有發現過渡動畫的元素已經完全超出卡片組件的範圍了,這個不是我們想要的效果理想中的效果是要在卡片組件中完成,不能超出範圍 #加上進度條 這...

鐵人賽 Modern Web DAY 1
30天Vue出Google SSO 系列 第 1

技術 Day 01. 前言

#為什麼選這個主題? Google SSO是在我上完六角學院的Vue課程之後做的第一個專案,會做這個專案的原因是由於公司的需要整合所有系統的登入入口,剛好就這...

鐵人賽 Modern Web DAY 15
Daily UI : 開發者版 系列 第 15

技術 Vuetify:Add To

https://codepen.io/hereiscasio/pen/mzvMdy?editors=1010 Used UI Component ( #3 )...

鐵人賽 Modern Web DAY 11
Daily UI : 開發者版 系列 第 11

技術 Vuetify:Crowdfunding Card

https://codepen.io/hereiscasio/pen/xyWppM?editors=1000 Used UI Component ( #1 )...

鐵人賽 Modern Web DAY 24
Daily UI : 開發者版 系列 第 24

技術 Vuetify:Google Cardboard

https://codepen.io/hereiscasio/pen/dybrvBV Used UI Component ( #0 ) UI 圖來源見此 Di...

鐵人賽 Modern Web DAY 20
Daily UI : 開發者版 系列 第 20

技術 Vuetify:Google Fonts › Static Layout

https://codepen.io/hereiscasio/pen/MWgLONL?editors=1000 Used UI Component ( #0...

鐵人賽 Modern Web DAY 9
30天Vue出Google SSO 系列 第 22

技術 Day 22. F2E-帳戶清單

回到前端,要來接上帳戶清單資料囉!! #串接帳戶清單API 開啟前端(f2e)專案開始吧!! #Step 1 打開 /views/Index.vue呼叫帳戶...