美編 · 版面修正預覽

頂部列遮住內容 · 修正

你回報的問題:「輸入邀請人地址」頁最上面的 E 標誌被價格跑馬燈蓋住一半。原因是後來加了跑馬燈,頂部變高了,但這一頁還照舊的高度排版。我順便檢查了全部頁面,另外找到一個同樣原因的地方:黃色的「功能未開放」通知條。

受影響 2 處邀請人綁定頁(手機與電腦)、黃色資金通知條(手機與電腦)
其他 15 頁正常鑄造、質押、兌換、資產、邀請、更多與子頁都沒有被遮
文案與元素不變只調整位置與間距,順便讓綁定頁上下更平衡

01邀請人綁定頁 · 手機

修正後,標誌和標題完整出現在跑馬燈下方,整組內容在畫面中間偏上,按鈕緊接在表單下方。小螢幕放不下時可以往下捲,按鈕會停在底部。

修正前
修正前標誌被跑馬燈蓋住
修正後
修正後完整可見

小螢幕iPhone SE 375×667

修正前
修正前
修正後
修正後

跑馬燈隱藏時390×844

修正前
修正前沒被遮,但位置太高
修正後
修正後

02邀請人綁定頁 · 電腦

電腦視窗比較矮(例如筆電瀏覽器)時,卡片頂端會被頂部列蓋住,而且捲不上去。修正後,卡片一律從頂部列下方開始,視窗高的時候照樣置中。

筆電矮視窗1280×640

修正前
修正前標誌與卡片頂端被蓋住
修正後
修正後

一般視窗1280×800

修正前
修正前
修正後
修正後

03黃色資金通知條

功能暫停、只開放提領時,鑄造、質押、兌換等頁面最上面會出現這條通知。它和綁定頁的原因一樣,會被跑馬燈蓋住。電腦版就算沒有跑馬燈也會被蓋一點。

修正前
修正前通知條被蓋住
修正後
修正後

電腦1280×800

修正前
修正前通知條壓在跑馬燈上
修正後
修正後

04全部頁面檢查

每頁都測了手機 390、小手機 375、電腦 1280 的兩種高度,跑馬燈顯示和隱藏也都測過。

邀請人綁定頁(連錢包、還沒綁定時出現)有遮擋 · 已修
黃色資金通知條(功能暫停時出現)有遮擋 · 已修
首頁、鑄造、質押、兌換、資產、邀請正常
更多、預售、領取空投、鎖倉進度、LP 鎖倉、多簽、代幣資訊、預測、幣股正常
底部彈出面板、語言選單、錢包選單正常

沒受影響的頁面,修正前後一樣兌換 · 390

修正前
修正前
修正後
修正後位置不變

05改了什麼

截圖是在我這邊用正式站的程式碼加上修正後拍的。正式上線後,建議用 iPhone 實際開一次綁定頁,網址列在上和在下、加到主畫面的版本各看一次。