iT邦幫忙

2021 iThome 鐵人賽

DAY 27
0
自我挑戰組

30天小老闆系列(1)--線上排班小工具系列 第 27

DAY27 進行式--工作日誌002

  • 分享至 

  • xImage
  •  

工作日誌碎碎念

我個人的習慣是在寫內容之前,會先把元件都創好組起來,所以花了一些時間將 FrontEnd layout 的元件都先建置起來
主要配置就是 navbar、sidebar、content、footer,先把元件都建好,並 importFrontEnd layout
做事情習慣由大到小,所以都從大方向的東西開始著手

今天又踩雷了,昨天把 scss 放進來整理之後,其實還沒 import,結果今天 npm run dev 一下,就出包了
原來是 sass-loader 版本太新,改成 sass-loader@10 之後就順利過關

後來開始研究 scss 的部分,對於許久未碰的 @mixin@include@each 突然有點茫,花了一些時間才想起來自己之前寫的是啥東西。
就開始將btn那些小元件的 @each 也先寫好,修改成這次設計要樣式,順便加上 active 的版本,開始配色哩哩摳摳的。
接著把前幾天寫好的小日曆丟進來,開始改配色、整理、排版
目前對於 CSS Grid 不太熟悉,很多時候都會想說要用 CSS Flex 還是 CSS Grid,猶猶豫豫的
但是趕時間的關係,最後想想還是先在日曆上用 CSS Grid,其他部分都還是用我的真愛 CSS Flex來寫,據說大腦總是會讓我們選擇輕鬆的方法,這肯定不是假的。
只是在寫 CSS Flex 同時,也思考如果是用 CSS Grid要怎麼寫?
後續更新在陸續換成 CSS Grid 吧!


上一篇
DAY26 進行式--工作日誌001
下一篇
DAY28 進行式--工作日誌003
系列文
30天小老闆系列(1)--線上排班小工具30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言