使用Vue和Unsplash API构建的画廊,Online Demo
git clone https://github.com/dingdingbai/vue-unsplash-gallery.git
yarn
yarn run dev # open localhost:8080
-
列表与栅格布局
-
惰性加载
使用vue-waypoint实现惰性加载,每次加载一批10张图,用户滚动到倒数第二张时,加载下一批。
-
点击放大
点击图片全屏显示。
-
显示图片信息
鼠标Hover时,显示图片作者等信息。