查看“︁模板:画廊”︁的源代码

<includeonly>
<div style="width:100%; margin:0 auto;">
<div style="display:flex; flex-wrap:wrap; gap:12px; justify-content:center;">
{{{1|
<div style="flex:1 1 280px; max-width:320px; min-width:240px; background:#fff; border:2px solid #e8f5e9; border-radius:12px; overflow:hidden; box-shadow:0 4px 12px rgba(76,175,80,0.08); transition:all 0.2s;">
<div style="padding:12px; text-align:center; background:#f1f8e9; border-bottom:2px solid #e8f5e9;">
[[file:{{{image|Example.png}}}|{{{width|280}}}px|center|link=]]
</div>
<div style="padding:14px 16px;">
<div style="font-weight:900; color:#2e7d32; font-size:1.1em; margin-bottom:6px; text-transform:uppercase; letter-spacing:0.05em;">{{{title|标题}}}</div>
<div style="color:#666; font-size:0.85em; line-height:1.6;">{{{desc|描述文字}}}</div>
</div>
</div>
}}}
</div>
</div>
</includeonly>
<noinclude>
== 使用方法 ==

<pre>
{{画廊
|image=图片文件名.png
|width=280
|title=图片标题
|desc=图片描述文字
}}
</pre>

=== 多图用法 ===

<pre>
<div style="display:flex; flex-wrap:wrap; gap:12px; justify-content:center;">
{{画廊|image=图1.png|width=280|title=标题1|desc=描述1}}
{{画廊|image=图2.png|width=280|title=标题2|desc=描述2}}
{{画廊|image=图3.png|width=280|title=标题3|desc=描述3}}
{{画廊|image=图4.png|width=280|title=标题4|desc=描述4}}
</div>
</pre>

=== 参数说明 ===

{| class="wikitable"
! 参数 !! 说明 !! 默认值
|-
| image || 图片文件名 || Example.png
|-
| width || 图片宽度(px) || 280
|-
| title || 图片标题 || 标题
|-
| desc || 图片描述 || 描述文字
|}

== 响应式特性 ==

* 桌面端：每行 3-4 张（自动换行）
* 平板端：每行 2 张
* 手机端：每行 1 张（全宽）
</noinclude>