Astro-Yi 图片功能预览
💡
原文中文，约1800字，阅读约需5分钟。
📝
内容提要
这篇文章介绍了如何使用HTML和TailwindCss来实现远程链接和本地图片的原生显示，以及如何实现懒加载功能。文章还提供了三个简单的样式类，可以用于一行两列、一行三列和一行四列的图片展示。
🎯
关键要点
- 文章介绍了如何使用HTML和TailwindCss实现远程链接和本地图片的原生显示。
- 提供了懒加载功能的实现方法，使用src和data-src属性。
- 展示了一行两列、一行三列和一行四列的图片展示样式。
- 自定义本地图片时，可以设置样式如width。
- 主题提供了三个简单的样式类：image-cols-2、image-cols-3和image-cols-4。
- 可以根据需要灵活展示图片，只需了解一些TailwindCss的知识。
➡️
