技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2023 iThome 鐵人賽
DAY
8
0
自我挑戰組
從零開始學Web Framework : React篇
系列 第
8
篇
Day_8:更改按鈕樣式到新增頁面上(CSS Modules)
15th鐵人賽
Sharon_Mao
2023-09-23 18:35:19
135 瀏覽
分享至
首先在
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鐵人賽
參賽組數
333
組
團體組數
9
組
累計文章數
1063
篇
最後報名日
9/15
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
程式設計
vue.js
熱門問題
我寫一個類,但我發現這樣子就是實例化了三次,我這樣是不是很消耗內存,這種方法是不太好的,因為getname方法重覆再使用,也被複製了三次,有更節省內存的寫法嗎?(抱歉我高三實在看不懂那些高級的寫法)
蘋果手機哪一款好
桌機POWER 問題請教
AD網域被駭客入侵的實際例子?
沒有 ESXi 免費版了,請問還有什麼替代方案能企業使用
NAS系統/伺服器/雲端
怎麼運動中心抓取場館容流計數API
資料庫table莫名被刪除,可能的原因?
請問有方式將 FB、Youtube詐騙、黃色廣告、低俗給屏蔽嗎?
Python 巢狀字典生成式問題
熱門回答
桌機POWER 問題請教
請問有方式將 FB、Youtube詐騙、黃色廣告、低俗給屏蔽嗎?
NAS系統/伺服器/雲端
請問如何科學驗證用戶反饋網路速度慢、卡、打不開問題
Python 巢狀字典生成式問題
熱門文章
2024 Day05 為什麼會有這些測試階段
2-2 撰寫 System Instructions 的指南
Day12 - 讓AI讀取企業資訊 - Function Calling (中)
2024 Day09 黑箱測試方法
Day10 - 聲優太花錢?找 AI 幫你配音
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}