iT邦幫忙

2024 iThome 鐵人賽
DAY 14
0
佛心分享-SideProject30

NUXT3xVUE3xPINIA: 從零開始寫電商系列 第 29 篇

[Day 29] CSS - Login/Regis Pages

16th鐵人賽
293 瀏覽

  • 分享至 

  • xImage
    •  

整體來說，這兩個頁面沒有什麼難度。由於登入頁及註冊頁的版型很像，所以這邊新增一個新的layout，真的覺得NUXT的layout真的非常好用～～～

  • 登入/註冊頁
    • Desk
    • Mobile

登入/註冊頁

直接來看完成圖吧～
完成圖
完成圖
完成圖


上一篇
[Day 28] CSS，繼續刻元件
系列文
NUXT3xVUE3xPINIA: 從零開始寫電商 共 29 篇
  1. 25
    [Day 25] 開始刻畫面～SCSS環境/共用設定
  2. 26
    [Day 26] 開始刻畫面～共用元件: NavBar
  3. 27
    [Day 27] 開始刻畫面 - Navbar (mobile)
  4. 28
    [Day 28] CSS，繼續刻元件
  5. 29
    [Day 29] CSS - Login/Regis Pages
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19845 篇
完賽人數
528 人
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙