🖼️ 内容多图遍历

⚡ 基本语法

<!-- 解析 JSON 数组为切片 -->
{{range splitJSON .Images}}
<img src="{{.}}" alt="" loading="lazy">
{{end}}

📋 适用字段

💻 完整示例

<!-- 产品详情页轮播图（产品多图） -->
<div class="product-gallery">
  {{range splitJSON .Product.Images}}
  <img src="{{.}}" alt="" loading="lazy">
  {{end}}
</div>

<!-- 文章详情页附图（文章多图） -->
{{range splitJSON .News.Images}}
  <figure>
    <img src="{{.}}" alt="" loading="lazy">
  </figure>
{{end}}

<!-- 文章附件下载列表 -->
{{range splitJSON .News.Attachments}}
  <a href="{{.}}" class="attachment" download>下载附件</a>
{{end}}

注意：splitJSON 对 nil / 空字符串安全（返回空切片，不报错）。