iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 23
0
Modern Web

Daily UI : 開發者版系列 第 23

Vuetify:Google Fonts › Advanced Implementation

https://codepen.io/hereiscasio/pen/eYYOYVJ?editors=1010

跟之前做的 Google Alert 一樣,今天要處理得較為進階的元件也是 Toolbar,難度是沒之前那麼高,但我們用了目前最新版本所出的 Intersection observer( 這可是會幫開我們省下非常多的麻煩! ),動態監控 UI 上某部分是否在可視範圍內,藉此改變 Toolbar 的外觀。若 Vuetify 未來增加更多這種 Toolbar 的特效( 我覺得很有可能啊! ),屆時可能加一個屬性就解掉了


上一篇
Vuetify:Google Fonts › Static Layout
下一篇
Vuetify:Google Cardboard
系列文
Daily UI : 開發者版30

尚未有邦友留言

立即登入留言