iT邦幫忙

vuetify相關文章
共有 60 則文章
鐵人賽 Modern Web DAY 9

技術 #9: Vuetify 簡介 + (vuetify.config.js)

Vuetify 是一個基於 Vue 的 UI 框架, 類似於 Vuetify 的框架或函式庫有很多,例如: Element UI VueStrap...

鐵人賽 Modern Web DAY 28

技術 Day28 替網站穿上黑絲襪 使用Vuetify

我們在完成了API開發以後,以及前端的串接後,接下來會開始著手進行畫面的繪製,大家也都知道畫面的呈現與HTML和CSS脫離不了關係,當然我們在網路上可以找許多的...

鐵人賽 Modern Web DAY 19
用範例理解 Vue.js 系列 第 19

技術 用範例理解 Vue.js #19:Vuetify

圖片來源 Vuetify 簡介 Vuetify 是一個語意化元件的前端框架,提供簡潔、直觀、易於重複使用的元件,使 Vue 的開發者可以輕鬆解決前端的問題。...

鐵人賽 Modern Web DAY 20
用範例理解 Vue.js 系列 第 20

技術 用範例理解 Vue.js #20:vue-router in Vuetify

圖片來源 延續昨天的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Modern Web DAY 2

技術 #2: 三秒建立一個 Nuxt 應用

create-nuxt-app 要建立一個 Nuxt 應用,真的非常容易,只需要透過 create-nuxt-app 工具。 指令: npx create-nu...

鐵人賽 Modern Web DAY 21
用範例理解 Vue.js 系列 第 21

技術 用範例理解 Vue.js #21:Vuex in Vuetify

圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Modern Web DAY 10

技術 #10: Vuetify 導入 Storybook & Nuxt.js

上一篇將 vuetify 的 theme 拆成獨立的檔案 (vuetify.config.js)。 這篇會將 vuetify 引入 storybook 中,同步...

鐵人賽 Modern Web DAY 22
用範例理解 Vue.js 系列 第 22

技術 用範例理解 Vue.js #22:vue-server-renderer in Vuetify

圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Modern Web DAY 5

技術 #5: Boilerplate(pug & stylus & 其他基礎設定)

在簡單介紹完 Nuxt.js 之後,今天會接著將 Day02 的 002-create-nuxt-app branch 接續開發下去,目標是加入: pug s...

鐵人賽 Modern Web DAY 1

技術 #1: 前言&簡介&大綱

前言 首先,這不太算一個 Nuxt 教學文,只是想分享自己用 Nuxt 建立一個 blog。這次參賽的目標是想分享自己學到的知識,並記錄自己的學習過程,所以東西...

技術 用 vuetify-loader 提升 Vue 開發體驗

好久沒寫文章,心血來潮發一篇 重點先放三遍 不用 Vuetify 也可以用 vuetify-loader 哦 不用 Vuetify 也可以用 vuetify-...

鐵人賽 Modern Web DAY 30
用範例理解 Vue.js 系列 第 30

技術 用範例理解 Vue.js #30:總結

總結 連續三十天,一起床想到的就是發文,一到辦公室坐下露天廢物們就會"關心"逼問彼此發文了沒,一度差點忘了發文險些斷賽。 自己寫過才知道,...

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

技術 Vuetify:Preface › ❸ Why i choose Vuetify

這是 Vuetify 它們對此框架的願景,就是要盡可能提供任何我們在開發上所需的元件。   Current State of Vueitfy & Wh...

鐵人賽 Modern Web DAY 11

技術 #11: 撰寫 Layouts (default, admin, error)

經過了十天,稍微回顧一下,目前的進度: 我們現在有一個 Nuxt 2.0 應用,UI framework 是使用 Vuetify,並透過 storybook 協...

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

技術 Vuetify:Fashion Header

https://codepen.io/hereiscasio/pen/WaqpQq Used UI Component ( #1 ) #1 Sheets 今天...

鐵人賽 Modern Web DAY 23
用範例理解 Vue.js 系列 第 23

技術 用範例理解 Vue.js #23:webpack in Vuetify

圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Software Development DAY 29

技術 [Day - 29] - 深透 Spring Actuator 創造系統服務監視神之眼

Abstract 大家好,我是遊戲王怪獸之決鬥小編威斯~~丁,想必大家都知道遊戲王的貝卡斯的千年眼可以看到每個人的心靈....心靈透視~~~ 差不多是這樣子垃....

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

技術 Vuetify:Preface › ❶ Read me first

這... 是... 標題殺人嗎? 真正的 Daily UI,照慣例須連續 100 天,每天設計一 UI 介面,但那偏向自我學習,而 IT 鐵人賽則偏向教學( 當...

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

技術 Vuetify:Cinema Application › More discussion

Things We need to discuss How to do Functional Component Composition Thinking...

技術 [鼠年全馬] W33 - Vue出一個旅館預約平台(7)

這週繼續來做 [預約頁面] 回顧一下上週切的區塊 [標題] (已完成) [預約功能] [房間詳細] [Footer] (已完成) 這週來處理...

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

技術 Vuetify:Cinema Application › Implementation

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

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

技術 Day 10. F2E-表單驗證

到昨天為止,基本的畫面已經完成了~ 今天會著重在程式邏輯,要來做 [輸入帳號] 及 [輸入密碼] 的表單驗證部分因為還沒做到串接後端,所以都先使用假資料來驗證...

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

技術 Day 06. F2E-登入頁開發

#頁面分析 應該9成9以上的人都有做過Google登入的動作吧? (沒有的趕快去試試看~)在Google登入時,會有輸入帳號、輸入密碼、或是驗證等等頁面,在導...

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

技術 Day 07. F2E-輸入帳號

回顧一下,昨天有分析登入頁會有4個子頁: 輸入帳號 選擇帳號 輸入密碼 驗證身分 後面幾天會分別來把四個子頁的畫面做出來~那我們就開始吧!...

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

技術 Vuetify:Google YoutubeMusic › Advanced Implementation

https://codepen.io/hereiscasio/pen/GRRKdxb 我們可能都遇過有些特殊的響應式設計情境或細節,需透過 JS 處理會更好,...

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

技術 Vuetify:Preface › ❷ The Important Concepts

今天,就當閒話家常,待我娓娓道來    UI Framework & Design Spec Ant Design, Material Design,...

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

技術 Day 20. F2E-頭像Menu

今天很開心的要回到前端的專案,要開始來完善首頁的部分!!話說寫這篇在參考Vuetify官網時,突然發現它竟然改版了...中文翻譯要登入才能用,而且版面變的很詭...

技術 [鼠年全馬] W32 - Vue出一個旅館預約平台(6)

因為上個月直接專注在 [iT邦鐵人賽]直接好幾個禮拜都沒有刷 [鼠年全馬] 進度xD 這週回歸來做我們美美的旅館預約平台 #複習 來複習一下目前的進度 V...

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

技術 Vuetify:Search Header

https://codepen.io/hereiscasio/pen/QZrBpP Used UI Component ( #2 ) #1 Text fiel...

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

技術 Vuetify:File Upload Widget

https://codepen.io/hereiscasio/pen/RwbXVaR Used UI Component ( #3 ) #1 Progress...