Brak opisu

addSuccess.html 2.4KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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="public/public_css.css"/>
  9. <style type="text/css">
  10. body{
  11. background: #FFFFFF;
  12. }
  13. .userImg{
  14. width: 0.87rem;
  15. height: 0.87rem;
  16. border-radius: 50%;
  17. margin: auto;
  18. margin-top: 0.41rem;
  19. margin-bottom: 0.22rem;
  20. }
  21. .inviting{
  22. max-width: 2.4rem;
  23. text-align: center;
  24. font-size: 0.16rem;
  25. color: #878787;
  26. line-height: 0.22rem;
  27. margin: auto;
  28. }
  29. .inviting text{
  30. color:#646464;
  31. }
  32. .button{
  33. width: 2.47rem;
  34. height: 0.41rem;
  35. background: #FFE100;
  36. color: #FFFFFF;
  37. font-size: 0.2rem;
  38. border-radius: 0.26rem;
  39. box-shadow:0px 0.02rem 0px rgba(251,179,179,0.5);
  40. border-radius:0.26rem;
  41. margin: auto;
  42. margin-top: 0.97rem;
  43. display: block;
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <img class="userImg" src="image/logo.png" />
  49. <p class="inviting">您已成功加入《<text>金牛记账</text>》<br/>名片:<span>---</span></p>
  50. <button class="button" onclick="goApp()">打开app,一起记账</button>
  51. </body>
  52. </html>
  53. <script type="text/javascript" src="public/jquery-2.1.0.js"></script>
  54. <script type="text/javascript">
  55. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  56. window.onresize = function(){
  57. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  58. }
  59. var appUrl = null;
  60. var avatar = '';
  61. var book_name = '';
  62. var user_name = '';
  63. appUrl = localStorage.getItem('appUrl')
  64. avatar = localStorage.getItem('avatar')
  65. book_name = localStorage.getItem('book_name')
  66. user_name = localStorage.getItem('user_name')
  67. window.onload = function (){
  68. if(avatar == "null" || avatar == ""){
  69. $(".userImg").attr("src","image/logo.png");
  70. }else{
  71. $(".userImg").attr("src",avatar);
  72. }
  73. $(".inviting text").html(book_name);
  74. $(".inviting span").html(user_name);
  75. }
  76. function goApp () {
  77. if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)){
  78. window.location.href=appUrl;
  79. }
  80. if(navigator.userAgent.match(/android/i)){
  81. window.location.href='http://android.myapp.com/myapp/detail.htm?apkName=com.kuxuan.jinniunote';
  82. }
  83. }
  84. </script>