No Description

index.html 2.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="yes" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
  7. <title>小花猪</title>
  8. <link rel="stylesheet" type="text/css" href="../common/reset.css"/>
  9. <style type="text/css">
  10. body{
  11. background: #FFFFFF;
  12. min-height: 100vh;
  13. width: 100%;
  14. }
  15. .pageImg{
  16. width: 100%;
  17. }
  18. .gold{width:1rem;height:1rem;position: absolute;top: 2.7rem;left: 0;right: 0;margin: auto;animation: gold 0.8s infinite ease-in-out;}
  19. @keyframes gold {
  20. 0% {transform: scale(1.2);}
  21. 50% {transform: scale(1);}
  22. 100% {transform: scale(1.2);}
  23. }
  24. .hint{
  25. position: absolute;
  26. top: 6.5rem;
  27. left: 0;
  28. right: 0;
  29. margin: auto;
  30. text-align: center;
  31. font-size: 0.1rem;
  32. color: #ffffff;
  33. }
  34. </style>
  35. <script type="text/javascript" src="../common/jquery-2.1.0.js"></script>
  36. <script type="text/javascript">
  37. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  38. window.onresize = function(){
  39. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  40. }
  41. </script>
  42. </head>
  43. <body>
  44. <img class="pageImg" src="img/indexImg.png?v=1" />
  45. <img class="gold" src="img/gold.png"/>
  46. <p class="hint">投资有风险,贷款额度由个人情况而定</p>
  47. </body>
  48. </html>
  49. <script type="text/javascript">
  50. var qs = parseQueryString(window.location.href);
  51. var source = '';
  52. if(qs.source){
  53. source = qs.source
  54. }
  55. $(".pageImg").click(function () {
  56. countLandingPage({click_source:'money_phone',source:source})
  57. window.location.href = 'generalize.html?source=' + source;
  58. })
  59. $(".gold").click(function () {
  60. countLandingPage({click_source:'money_phone',source:source})
  61. window.location.href = 'generalize.html?source=' + source;
  62. })
  63. //埋点
  64. function countLandingPage (data) {
  65. $.ajax({
  66. type:'post',
  67. url:'/user/log/countLandingPage',
  68. dataType:'json',
  69. data:data,
  70. success:function (res) {
  71. console.log(res)
  72. }
  73. })
  74. }
  75. //获取地址栏参数
  76. function parseQueryString(url) {
  77. var urlObj = {};
  78. var reg = /([^?=&]+)=([^?=&]+)/g;
  79. url.replace(reg, ($0, $1, $2) => {
  80. urlObj[$1] = decodeURIComponent($2);
  81. })
  82. return urlObj;
  83. }
  84. </script>