模板:画廊
外观
画廊模板
简约响应式图片画廊。
基础用法
<div style="display:flex; flex-wrap:wrap; gap:8px; justify-content:center;">
{{画廊|图片文件名.png}}
{{画廊|图片文件名.png|250}}
{{画廊|图片文件名.png|200|图片标题}}
</div>
参数
| 位置 | 参数 | 说明 | 示例 |
|---|---|---|---|
| 1 | 文件名 | 图片文件名,必须 | 图1.png |
| 2 | 宽度 | 图片宽度(px),默认200 | 250 |
| 3 | 标题 | 图片下方文字,可选 | 标题文字 |
完整示例
<div style="display:flex; flex-wrap:wrap; gap:8px; justify-content:center;">
{{画廊|screenshot1.png|200|事件现场}}
{{画廊|screenshot2.png|200|聊天记录}}
{{画廊|screenshot3.png|200|后续发展}}
{{画廊|screenshot4.png|200|最终结果}}
</div>
响应式说明
- 桌面端:每行 4-5 张
- 平板端:每行 3 张
- 手机端:每行 2 张
外层 div 控制整体布局,模板只负责单张图片。