广告添加

app/templates/base/nineGridDialog.html

@@ -0,0 +1,29 @@
+{{define "nineGridDialog"}}
+{{/* 九宫格弹窗：后台位置 2（nineGridList），在年龄确认、弹窗广告之后弹出 */}}
+{{if .appConfig.NineGridList}}
+<link rel="stylesheet" href="/static/css/nineGridDialog.css?v=1" />
+<div class="nine-grid-mask" id="nineGridDialog" data-nine-grid hidden>
+  <div class="nine-grid-panel" role="dialog" aria-modal="true" aria-label="推荐应用">
+    <div class="nine-grid-list">
+      {{range $ad := .appConfig.NineGridList}}
+      <a
+        class="nine-grid-item"
+        {{if $ad.Link}}href="{{$ad.Link}}" target="_blank" rel="sponsored nofollow noopener noreferrer"{{else}}aria-disabled="true"{{end}}
+        data-nine-grid-item
+        data-creative-id="{{$ad.ID}}"
+        {{if $ad.ClickTrackable}}data-ads-id="{{$ad.ClickID}}" data-ads-location="{{$ad.Location}}"{{end}}
+        hidden
+      >
+        <img class="nine-grid-icon" src="/static/images/placeholder.png?v=2" data-nine-grid-src="{{$ad.Images}}" alt="{{$ad.Title}}" title="{{$ad.Title}}" decoding="async" />
+        <span class="nine-grid-name">{{if $ad.Title}}{{$ad.Title}}{{else}}推荐应用{{end}}</span>
+      </a>
+      {{end}}
+    </div>
+    <button class="nine-grid-close" type="button" data-nine-grid-close aria-label="关闭">
+      <img src="/static/images/figma-dialog-ad/close.svg" width="36" height="36" alt="" />
+    </button>
+  </div>
+</div>
+<script defer src="/static/js/pages/nineGridDialog.js?v=1"></script>
+{{end}}
+{{end}}