我个人的习惯是在写内容之前,会先把元件都创好组起来,所以花了一些时间将 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
吧!
<<: 从 IT 技术面细说 Search Console 的 27 组数字 KPI (26) :Search Console 的 Bug
先前在「CI/CD从这里:设定第一个Pipeline(范本与编辑介面介绍)」这篇文章内容建立Pipe...
我很早就开始接触组合语言,但没有学太久,就没有再碰了,当初学组合语言的原因,是觉得组合语言是人与机器...
可曾想过,我所住的社区有什麽? 什麽是社区 在本文章的定义引自 wiki_社区 提到的,因为共享共同...
昨天练习测试专案预设的元件後,今天要来测试之前所开发的Todolist app 来回忆一下Todol...
大家好,我是长风青云。今天是铁人赛第十天。 没办法请到Siri男,只能请到Siri女。明天再尝试看看...