iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

使用Vue製作簡單的 WorkBoard (30天) 系列

會使用 Vue 的前端框架來製作 workboard 可以學習到簡單的 Vue 操作,在過程中會使用一般導入 Vue 的 CDN來做簡單的使用,後期也會介紹 Vue CLI,CLI 部分會使用到 Route 來做頁面的切換等...,過程中也會使用 Bootstrap 來輔助前端的設計,也會大概介紹一下 Bootstrap 的使用方式。

參賽天數 24 天 | 共 24 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 21

(第二十一天)自我練習專案 - Bootstrap使用

Bootstrap 簡單使用 我們使用完拖移功能之後現在我們要學的是 Bootstrap4,我真的覺得 Bootstrap4 真的好好用,解決了我很多的問題呢...

2018-11-03 ‧ 由 LucyLiou 分享
DAY 22

(第二十二天)自我練習專案 - Bootstrap Card 移動

來使用 Bootstrap Card 我們這次可以幫 Draggable 加入卡片的樣式 //一樣在 data 裡面新增兩個 list cards: [...

2018-11-04 ‧ 由 LucyLiou 分享
DAY 23

(第二十三天)自我練習專案 - 新增卡片

可以新增卡片出來 卡片已經有了一個樣子了,接下來我們來做新增卡片 我們需要在卡片的下方加上一個按鈕 //使用上一個所寫的 <draggable v-m...

2018-11-05 ‧ 由 LucyLiou 分享
DAY 24

(第二十四天)自我練習專案 - column 移動

column 的移動是 現在需要把資料的結構更改一下 jobs: [{ id: "0", // column...

2018-11-06 ‧ 由 LucyLiou 分享