我個人的習慣是在寫內容之前,會先把元件都創好組起來,所以花了一些時間將 FrontEnd layout
的元件都先建置起來
主要配置就是 navbar、sidebar、content、footer,先把元件都建好,並 import
到 FrontEnd 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
吧!