Gallery 标签组件的使用方法和 Unsplash 高清壁纸分享

Gallery 标签组件的使用方法和 Unsplash 高清壁纸分享

💡 原文中文,约1100字,阅读约需3分钟。
📝

内容提要

本文测试了Unsplash图库的不同布局方式,包括瀑布流、固定宽高、固定高度和尺寸混搭布局。每种布局方式都有不同的优缺点,可根据需求选择合适的布局方式。

🎯

关键要点

  • 本文测试了Unsplash图库的不同布局方式,包括瀑布流、固定宽高、固定高度和尺寸混搭布局。
  • 每种布局方式都有不同的优缺点,可根据需求选择合适的布局方式。
  • 首次打开页面时可能会以为图库挂了,实际上是在加载图片。
  • 瀑布流布局在图片少于两行时效果较差,且不支持size和square参数。
  • 固定宽高的整齐布局适合用作文章插图,解决了瀑布流布局的问题。
  • 同一行高度较高的图片会被裁切成和高度最低的图片等高,导致体验不佳。
  • xl尺寸始终是两列布局,适合用于对比场景。
  • 正方形布局在图片加载之前就知道且固定高度,体验较好,但所有图片都会被裁切成正方形。
  • 尺寸混搭布局增加了趣味性,默认选择了这种布局,用户可在主题配置中修改。
➡️

继续阅读