iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 3002 瀏覽

鐵人賽 Modern Web DAY 19

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 19 篇

技術 [Day 19] Vue Quasar 表單元件 8 - Editor (文章編輯)

內建的文章編輯器 Editor Editor (WYSIWYG) 有些後台需要讓使用者編輯文章，原本都會有點頭痛，又要去找插件來放了～～好在他也有內建的文章編輯...

RenZhou ‧ 2018-11-02

0 Like 0 留言 4414 瀏覽

鐵人賽 Modern Web DAY 18

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 18 篇

技術 [Day 18] Vue Quasar 表單元件 7 - Datetime

輕鬆變出時間日期輸入框Datetime 今天有一個表單要給使用者輸入基本資料填著填著就來到了生日的欄位這時候為了怕使用者格式亂填在過去我們會去找datep...

RenZhou ‧ 2018-11-01

1 Like 0 留言 2170 瀏覽

鐵人賽 Modern Web DAY 17

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 17 篇

技術 [Day 17] Vue Quasar 表單元件 7 - Option Group

選項元件直接打包一次做好Option Group Option Group 有時候要做一堆選項，是不是覺得要複製一大堆radio、checkbox很煩呢，所以我...

RenZhou ‧ 2018-10-31

0 Like 0 留言 2096 瀏覽

鐵人賽 Modern Web DAY 14

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 14 篇

技術 [Day 14] Vue Quasar 表單元件 3 - Radio

簡單的單選元件 Radio Radio Quasar的Radio元件跟其他表單輸入元件的基本屬性都大同小異一樣也可以用QFiled把它包裝起來哦引入元件 f...

RenZhou ‧ 2018-10-28

0 Like 0 留言 2662 瀏覽

鐵人賽 Modern Web DAY 13

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 13 篇

技術 [Day 13] Vue Quasar 表單元件 2 - Chips Input

輸入陣列的好幫手 Chips Input Chips Input 是不是有些時候建立使用者表單輸入時，會有能填多種值的欄位，像是興趣、職業等等。但是又怕使用...

RenZhou ‧ 2018-10-27

0 Like 0 留言 2216 瀏覽

鐵人賽 Modern Web DAY 12

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 12 篇

技術 [Day 12] Vue Quasar 表單元件 1 - Field

序大家好，這篇開始就開始來談後端表單常用到的元件吧～原本的旅遊系列再來的頁面都是以layout為主但是quasar的layout元件也差不多介紹完了才發...

RenZhou ‧ 2018-10-26

0 Like 0 留言 2862 瀏覽

鐵人賽 Modern Web DAY 11

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 11 篇

技術 [Day 11] Vue Quasar 打造旅遊網站系列 7 - Parallax、Breadcrumbs、Rating

GitHub Demo 今天完成後的畫面首頁部分已經差不多了剩下頁尾以及一些小區塊因為元件都跟之前的文章有重複到故在這邊就不實作會功能重複的區塊了製...

RenZhou ‧ 2018-10-25

1 Like 0 留言 4117 瀏覽

鐵人賽 Modern Web DAY 10

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 10 篇

技術 [Day 10] Vue Quasar 打造旅遊網站系列 6 - Cards (卡片)

GitHub Demo 今日完成的畫面首頁的第一個區塊做完了今天就來做第二個區塊吧先看看兩大家的頁面這種卡片形式的元件，咱們Quasar也有我們...

RenZhou ‧ 2018-10-24

1 Like 0 留言 3975 瀏覽

鐵人賽 Modern Web DAY 9

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 9 篇

技術 [Day 9] Vue Quasar 打造旅遊網站系列 5- Popover (彈出視窗)

今天做完我們的頁面會長這樣～今天一樣接續昨天的部分～我們來做搜尋點擊但是還沒輸入時下面出現的視窗 KLOOK 的視窗雖然有圖片美觀，本來也想做像這種的...

RenZhou ‧ 2018-10-23

0 Like 0 留言 4320 瀏覽

鐵人賽 Modern Web DAY 8

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 8 篇

技術 [Day 8] Vue Quasar 打造旅遊網站系列 4 - Input、Autocomplete

今日做完後會長這樣繼續昨天的進度該補上搜尋的框框了先來看一下其他兩家的東西恩... 不簡單啊ＸＤ? 暫且不看下面的視覺選單先來打個字搜尋看看...

RenZhou ‧ 2018-10-22

0 Like 0 留言 5419 瀏覽

鐵人賽 Modern Web DAY 7

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 7 篇

技術 [Day 7] Vue Quasar 打造旅遊網站系列 3 - Carousel (頁面輪播)

今天就來做我們的首頁吧～！！ ?? 其他兩家的首頁基本上都是圖片輪播的形式加上一個輸入匡來搜尋目的地那我們今天就來做這個輪播功能吧建立新的首頁由於...

RenZhou ‧ 2018-10-21

0 Like 1 留言 4151 瀏覽

鐵人賽 Modern Web DAY 6

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 6 篇

技術 [Day 6] Vue Quasar 打造旅遊網站系列 2 - List & ListItem

昨天已經將Header做好了今天就接著昨天的進度吧～還記得昨天將header上的按鈕設定為 gt-xs 嗎因為手機頁面沒辦法在上方的toolbar顯示這麼...

RenZhou ‧ 2018-10-20

0 Like 0 留言 5441 瀏覽

鐵人賽 Modern Web DAY 5

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 5 篇

技術 [Day 5] Vue Quasar 打造旅遊網站系列 1 - Header

本篇演示項目 Toolbar ToolbarTitle Button 這幾天都在想要演示什麼主題會比較好想一想最近突然好想要出去玩那就乾脆來做旅遊網站好...

RenZhou ‧ 2018-10-19

0 Like 1 留言 9313 瀏覽

鐵人賽 Modern Web DAY 4

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 4 篇

技術 [Day 4] Vue Quasar Framework 頁面Layout介紹

今天就讓我們直接開始吧～！前面幾天我們有執行過部署的指令了不過我們這邊再複習一下 $ quasar init helloworld $ cd hellow...

RenZhou ‧ 2018-10-18

0 Like 0 留言 9858 瀏覽

鐵人賽 Modern Web DAY 3

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 3 篇

技術 [Day 3] Vue Quasar Framework 淺述設定檔 quasar.conf.js

今天就來徹底分析Quasar的設定檔quasar.conf.js 為了方便瀏覽，我們把它拆成各個區塊來講講不多說就直接開始吧 plugins: [...

RenZhou ‧ 2018-10-17

0 Like 0 留言 9999 瀏覽

鐵人賽 Modern Web DAY 2

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 2 篇

技術 [Day 2] Vue Quasar Framework 環境佈署

安裝昨天安裝完今天就直接來佈署環境囉 ~ ！ $ quasar init <folder name> 接下來會有介面要來引導你安裝 Proje...

RenZhou ‧ 2018-10-16

4 Like 1 留言 20836 瀏覽

鐵人賽 Modern Web DAY 1

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 1 篇

達標好文技術 [Day 1] Vue Quasar Framework介紹與安裝

~在你讀這系列文章前先看這幾行字~ 2021/12補充由於 Quasar 進步非常之快現今最新版本為 2.3.3 與本篇教學版本 0.1.7 相差甚遠其中有蠻...

RenZhou ‧ 2018-10-15

技術 [Day 19] Vue Quasar 表單元件 8 - Editor (文章編輯)

技術 [Day 18] Vue Quasar 表單元件 7 - Datetime

技術 [Day 17] Vue Quasar 表單元件 7 - Option Group

技術 [Day 14] Vue Quasar 表單元件 3 - Radio

技術 [Day 13] Vue Quasar 表單元件 2 - Chips Input

技術 [Day 12] Vue Quasar 表單元件 1 - Field

技術 [Day 11] Vue Quasar 打造 旅遊網站系列 7 - Parallax、Breadcrumbs、Rating

技術 [Day 10] Vue Quasar 打造 旅遊網站系列 6 - Cards (卡片)

技術 [Day 9] Vue Quasar 打造 旅遊網站系列 5- Popover (彈出視窗)

技術 [Day 8] Vue Quasar 打造 旅遊網站系列 4 - Input、Autocomplete

技術 [Day 7] Vue Quasar 打造 旅遊網站系列 3 - Carousel (頁面輪播)

技術 [Day 6] Vue Quasar 打造 旅遊網站系列 2 - List & ListItem

技術 [Day 5] Vue Quasar 打造 旅遊網站系列 1 - Header