web_huangguo_web/app/templates/page/downloadApp.html

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    {{template "seoCommon" .}}
    <title>{{if .seoInfo.Title}}{{.seoInfo.Title}}{{else}}下载APP - 黄果短剧{{end}}</title>
    <meta
      name="description"
      content="{{if .seoInfo.Description}}{{.seoInfo.Description}}{{else}}下载黄果短剧APP，随时随地追看热门短剧，享受更流畅的移动端观影体验 - 黄果短剧{{end}}"
    />
    <meta name="keywords" content="{{if .seoInfo.Keywords}}{{joinStrings .seoInfo.Keywords ","}}{{else}}下载APP,黄果短剧APP,短剧APP,手机短剧{{end}}" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="{{if .seoInfo.Title}}{{.seoInfo.Title}}{{else}}下载APP - 黄果短剧{{end}}" />
    <meta
      property="og:description"
      content="{{if .seoInfo.Description}}{{.seoInfo.Description}}{{else}}下载黄果短剧APP，随时随地追看热门短剧。{{end}}"
    />
    {{if .jsonLD}}
    <script type="application/ld+json">
      {{.jsonLD}}
    </script>
    {{end}}
    <link rel="stylesheet" href="/static/css/downloadApp.css" />
  </head>
  <body>
    {{template "header" .}}
    <main class="download-app-page">
      <div class="download-app-dialog">
        <h1 class="download-app-title">下载黄果短剧 App</h1>
        <div class="download-app-subtitle">扫码安装，继续追剧不丢进度</div>
        <div class="download-app-divider"></div>
        <button
          class="download-app-close"
          type="button"
          aria-label="关闭"
          onclick="history.back()"
        >
          ×
        </button>

        <div class="download-app-feature download-app-feature--1">
          <div class="download-app-feature-title">追剧更稳定</div>
          <div class="download-app-feature-desc">
            App 内播放、切集和续看更稳定，适合长时间追剧。
          </div>
        </div>
        <div class="download-app-feature download-app-feature--2">
          <div class="download-app-feature-title">记录自动同步</div>
          <div class="download-app-feature-desc">
            观看历史、收藏和追剧记录与 Web 账号同步。
          </div>
        </div>
        <div class="download-app-feature download-app-feature--3">
          <div class="download-app-feature-title">更新及时提醒</div>
          <div class="download-app-feature-desc">
            关注的剧集更新后提醒，减少回访流失。
          </div>
        </div>

        <div class="download-app-qr-panel">
          <div class="download-app-platform-tabs">
            <button
              class="download-app-platform download-app-platform--active"
              type="button"
            >
              iOS
            </button>
            <button class="download-app-platform" type="button">Android</button>
          </div>
          <div class="download-app-qr-box">
            <img
              class="download-app-qr-img"
              src="https://placehold.co/164x164"
              alt="下载二维码"
              title="黄果短剧 App 下载二维码"
            />
          </div>
          <button class="download-app-copy" type="button">复制下载链接</button>
          <div class="download-app-qr-hint">二维码与下载链接指向同一地址</div>
        </div>
      </div>
    </main>
    {{template "footer" .}}
  </body>
</html>