Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Day18. UI 實戰篇 - 圖片檢視器

Kalan
September 27, 2020

Day18. UI 實戰篇 - 圖片檢視器

第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte

程式碼連結:https://svelte.dev/repl/df5cb8d11d214af881d109b0c7c10b51?version=3.28.0

Kalan

September 27, 2020
Tweet

More Decks by Kalan

Other Decks in Programming

Transcript

  1. 第 12 屆 IT 鐵⼈賽
    30 天從 0 到 1 學 Svelte
    Day18 - UI 實戰篇:圖片檢視器

    View full-size slide

  2. 第 12 屆 IT 鐵⼈賽
    功能實作
    可以點擊圖片縮圖放⼤
    放⼤時可以做上下張切換

    View full-size slide

  3. 第 12 屆 IT 鐵⼈賽
    進階功能實作
    按鈕切換
    鍵盤導航
    Accessibility ⽀援

    View full-size slide