技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2023 iThome 鐵人賽
DAY
8
0
自我挑戰組
從零開始學Web Framework : React篇
系列 第
8
篇
Day_8:更改按鈕樣式到新增頁面上(CSS Modules)
15th鐵人賽
Sharon_Mao
2023-09-23 18:35:19
294 瀏覽
分享至
首先在
pages
(也就是存放新頁面
about.js
的資料夾中)新增
Button.js
和
Button.module.css
,這兩個分別是
存著按鈕
和
按鈕樣式
。
接著新增內容到Button.js和Button.module.css中,最重要的地方是將css導入js中的
路徑
不能寫錯,不然部屬時會找不到出錯的,所以建議是放在
同個資料夾
中。如圖,code有部分參考
官方
。
最後在about.js導入Button.js再部屬到vercel就完成啦!
Before
(9zxtzbcko是每次部屬更新的編號,只要沒部屬成功是不會有畫面的,而且vercel還會寄email貼心的提醒網站部屬失敗...)
After
留言
追蹤
檢舉
上一篇
Day_7:想要加入css的我終於成功了...
下一篇
Day_9:讓按鈕有計數功能
系列文
從零開始學Web Framework : React篇
共
30
篇
目錄
RSS系列文
訂閱系列文
0
人訂閱
26
Day_26: 圖片移動由鍵盤操控
27
Day_27: 在特定範圍內追蹤滑鼠
28
Day_28:待辦事項列表
29
Day_29: 圖片跟著鼠標
30
Day_30: 滑鼠滑過翻轉動畫效果
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
12953
篇
完賽人數
112
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
17th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
因為網路磁碟的關係造成系統自動重新開機
windows server無法使用gpedit.msc
Java證照題目(main() method)
iatf16949資訊稽核
微軟更新重開機很久
iatf16949資訊稽核內容
部屬電腦如何讓每一台開始功能表跟工作列都一樣
請問有推蘪的server , vmware 防毒軟體嗎
瀏覽某網站,時間太長
useCrudSchemas的swtich欄位吃不到網址的參數
熱門回答
iatf16949資訊稽核
因為網路磁碟的關係造成系統自動重新開機
微軟更新重開機很久
請問有推蘪的server , vmware 防毒軟體嗎
windows server無法使用gpedit.msc
熱門文章
第8天,作業系統信任的根憑證 / 魯十二滷肉飯(新北新莊) | 30天滷肉飯
[為你自己學 n8n] 第 9 天,Google 大神駕到:串接服務的必修儀式!
第9天,政府機關公開金鑰基礎建設 GPKI / 大碗公當歸羊肉(新北板橋)| 30天滷肉飯
第8天,Cloudflare Cache / 四神湯、刈包 | 30天板橋湳雅夜市
第9天,Cloudflare SSL 憑證 / 板橋小籠包 | 30天板橋湳雅夜市
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}