frontend/rank.html

<!DOCTYPE html>
<html>
<head>
  <title>相信科学</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" type="text/css" href="rank.css?_v=shantu">
  <link rel="apple-touch-icon" sizes="180x180" href="./resources/favicon/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="./resources/favicon/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="./resources/favicon/favicon-16x16.png">
  <link rel="manifest" href="./resources/favicon/site.webmanifest">
  <link rel="mask-icon" href="./resources/favicon/safari-pinned-tab.svg" color="#5bbad5">
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-65743477-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-65743477-1');
  </script>
</head>
<body>
  <div class="fixed">
    <div class="month" data-month="5">5</div>
    <div class="month" data-month="6">6</div>
    <div class="month" data-month="8">8</div>
    <div class="month" data-month="9">9</div>
    <div class="month active" data-month="A">A</div>
  </div>
  <div class="header-container">
    <div class="header">
      <div col="avatar" class="col">式神</div>
      <div col="win" class="col col-header">胜<img id="win-sort-icon" col="win" class="sort-icon" sort="default" src="resources/icon/default.png"></div>
      <div col="lose" class="col col-header">负<img id="lose-sort-icon" col="lose" class="sort-icon" sort="default" src="resources/icon/default.png"></div>
      <div col="sum" class="col col-header">总<img id="sum-sort-icon" col="sum" class="sort-icon" sort="default" src="resources/icon/default.png"></div>
      <div col="winp" class="col col-header">胜率<img id="winp-sort-icon" col="winp" class="sort-icon" sort="default" src="resources/icon/default.png"></div>
    </div>
  </div>
  <div class="container">
    <div class="result">
      <div class="col col-content avatar"></div>
      <div class="col col-content win"></div>
      <div class="col col-content lose"></div>
      <div class="col col-content sum"></div>
      <div class="col col-content winp"></div>
    </div>
  </div>
</body>
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous">
</script>
<script type="text/javascript">
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');
  
  ga('create', 'UA-65743477-1', 'auto');
  ga('send', 'pageview');
</script>
<script src="rank.js?_v=shantu"></script>
</html>