game-sdk/public/themes/h5wap/wap/app/down.html

<extend name="public/base" />

<block name="title">
  <title>{$seo.title|default=$site_info.site_name.' - APP下载'}</title>
</block>

<block name="main">
  <div class="wrap">
    <div class="appdown">
      <h1>{$site_info.site_name}</h1>
      <h2>{$app_info['game_name']}</h2>
      <a id="appdownBtn" class="appdown_btn" href="javascript:;">立即下载</a>
      <p class="appdown_version">当前版本：{$app_info['version']}</p>
      <div class="appdown_img">
        <img src="__STATIC__/h5wap/images/appdown-shouji.png">
      </div>
    </div>

    <!-- 引导页 -->
    <div class="appdown_guide"></div>

    <!-- 证书 -->
    <div class="certificate">
      <div class="certificate_msg">
        由于IOS9系统限制，安装完成后，首次打开会提示“未受信任的企业开发者”为正常使用，请点击【点我去信任】直接进入证书列表，仅需二步完成信任。
      </div>
      <dl class="certificate_step">
        <dt class="certificate_step-title">
          <i>1</i> 记住证书名
        </dt>
        <dd class="certificate_step-detail">
          <img src="__STATIC__/h5wap/images/certificate-1.png">
        </dd>

        <dt class="certificate_step-title">
          <i>2</i> 找到对应证书
        </dt>
        <dd class="certificate_step-detail">
          <img src="__STATIC__/h5wap/images/certificate-2.png">
        </dd>
      </dl>
      <button class="certificate_btn">点我去信任</button>
    </div>

    <input type="hidden" id="andUrl" value="{$h5_and_down_url}">
    <input type="hidden" id="iosUrl" value="{$h5_ios_down_url}">
  </div>
</block>

<block name="otherScript">
  <script>
    // 获取 ua
    var ua = navigator.userAgent
    // 判断浏览器环境
    var isMobile = /Mobile/.test(ua)
    var isIos = /iPhone|iPad|iPod/.test(ua)
    var isWechat = /MicroMessenger/.test(ua)

    // 下载按钮点击事件
    $('#appdownBtn').click(function () {
      if (isWechat) {
        if (isMobile && !isIos) {
          $('.appdown_guide').addClass('appdown_guide__and')
        }
        $('.appdown_guide').show()
        return false
      }

      if (isIos && !isWechat) {
        // tips('暂无IOS版本下载')
        // return false
        window.setTimeout(function () {
          $('.certificate').show();
        }, 3000)
      }

      var downLink
      if (isIos) {
        downLink = $('#iosUrl').val();
      } else {
        downLink = $('#andUrl').val();
      }
      $('body').append('<a id="downLink" href="' + downLink + '"></a>')
      $('#downLink')[0].click()
    })

    $(document).on('click', '#downLink', function () {
      setTimeout(function () {
        $('#downLink').remove()
      }, 1000)
    })
    $(document).on('click', '.appdown_guide', function () {
      $('.appdown_guide').hide()
    })

    $(document).on('click', '.certificate_btn', function () {
      window.location.href = "itms-services://?action=download-manifest&url={$app_info['ios']['plist_url']}";
    })
  </script>
</block>