popup.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <title>test</title>
  5. <meta charset="UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  8. <meta name="apple-mobile-web-app-title" content="CodeDay">
  9. <meta http-equiv="Cache-Control" content="no-siteapp">
  10. <style>
  11. body, html {
  12. margin: 0;
  13. }
  14. button {
  15. width: 96%;
  16. border: none;
  17. height: 30px;
  18. background-color: #009fe9;
  19. color: white;
  20. cursor: pointer;
  21. user-select: none;
  22. box-shadow: 1px 1px 4px #968a8a;
  23. margin: 0 2%;
  24. margin-top: 5px;
  25. }
  26. .user-bar {
  27. font-family: "Microsoft YaHei";
  28. font-size: 12px;
  29. line-height: 26px;
  30. background-color: #009fe9;
  31. color: white;
  32. padding: 0 10px;
  33. }
  34. .no-script {
  35. display: none;
  36. }
  37. .no-scheme .loading {
  38. display: none;
  39. }
  40. .no-scheme .no-script {
  41. display: block;
  42. }
  43. .scheme .loading {
  44. display: none;
  45. }
  46. .scheme .button-box {
  47. display: block;
  48. }
  49. .login {
  50. display: none;
  51. }
  52. .script-box {
  53. width: 200px;
  54. height: 220px;
  55. overflow: auto;
  56. position: relative;
  57. }
  58. .loading, .no-script {
  59. width: 160px;
  60. position: absolute;
  61. left: 0;
  62. right: 0;
  63. top: 0;
  64. bottom: 0;
  65. margin: auto;
  66. }
  67. .button-box {
  68. display: none;
  69. }
  70. .no-script img {
  71. width: 100%;
  72. }
  73. .no-script p {
  74. line-height: 20px;
  75. text-align: center;
  76. margin: 0;
  77. padding: 0;
  78. color: #999;
  79. font-size: 14px;
  80. }
  81. .userInfo {
  82. position: absolute;
  83. bottom: 0;
  84. right: 0;
  85. color: #009fe9;
  86. font-size: 14px;
  87. line-height: 26px;
  88. padding: 0 5px;
  89. cursor: pointer;
  90. z-index: 999;
  91. }
  92. .userInfo:hover {
  93. color: #9d9e4e;
  94. }
  95. .clearTemp {
  96. width: 20px;
  97. height: 20px;
  98. position: absolute;
  99. bottom: 2px;
  100. left: 2px;
  101. }
  102. .clearTemp:hover {
  103. cursor: pointer;
  104. }
  105. .clearTemp:hover path {
  106. fill: #009fe9;
  107. }
  108. </style>
  109. </head>
  110. <body>
  111. <div class="script-box">
  112. <div class="userInfo">未登录用户</div>
  113. <svg class="clearTemp" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3481" width="20" height="20"><path d="M786.6 715.9c-5.1 0-10.3-1.3-15.1-4.1L295.4 434.7c-14.3-8.3-19.2-26.7-10.8-41 8.3-14.3 26.7-19.2 41-10.8L801.7 660c14.3 8.3 19.2 26.7 10.8 41-5.6 9.5-15.6 14.9-25.9 14.9z" p-id="3482" fill="#bfbfbf"></path><path d="M629.3 960c-14.7 0-29.3-4.2-42.1-11.6L186.1 714.7c-40-23.3-53.8-75.1-30.7-115.4l166.4-290.5c15-26.1 42.9-42.4 72.9-42.4 14.7 0 29.3 3.9 42.1 11.4l113.2 66 129-225.2c19.1-33.4 54.8-54.1 93.1-54.1 18.8 0 37.4 5 53.7 14.5 51.1 29.8 68.8 95.9 39.3 147.4L735.9 452l102 59.4c40 23.3 53.8 75 30.7 115.3L702.2 917.4c-14.9 26.1-42.9 42.6-72.9 42.6zM394.7 326.4c-8.6 0-16.5 4.7-20.8 12.2L207.5 629.1c-6.7 11.8-2.8 26.9 8.9 33.6l401.1 233.5c3.7 2.1 7.7 3.2 11.9 3.2 8.6 0 16.5-4.7 20.8-12.2l166.4-290.5c6.7-11.8 2.8-26.9-8.8-33.6L680 488.8c-14.2-8.3-19.1-26.5-10.9-40.8L813 196.6c13.2-23 5.4-52.5-17.4-65.7-7.2-4.2-15.3-6.4-23.5-6.4-16.9 0-32.6 9.2-41 23.9l-144 251.4c-4 6.9-10.5 12-18.3 14.1-7.7 2.1-15.9 1-22.9-3.1l-139.4-81.1c-3.6-2.2-7.6-3.3-11.8-3.3z" p-id="3483" fill="#bfbfbf"></path></svg>
  114. <img class="loading" src="./img/loading.svg">
  115. <div class="no-script">
  116. <img src="./img/no-script.svg">
  117. <p>此页面没有适用脚本!</p>
  118. </div>
  119. <div class="button-box">
  120. </div>
  121. </div>
  122. <script type="text/javascript" src="js/popup.js"></script>
  123. </body>
  124. </html>