You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

119 lines
3.3 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" href="/favicon.ico" />
  6. <link rel="stylesheet" href="/iconfont.css" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8. <title>vue-pure-admin</title>
  9. <script>
  10. window.process = {};
  11. </script>
  12. </head>
  13. <body>
  14. <div id="app">
  15. <style>
  16. * {
  17. margin: 0;
  18. padding: 0;
  19. }
  20. html,
  21. body {
  22. width: 100%;
  23. height: 100%;
  24. display: flex;
  25. justify-content: center;
  26. align-items: center;
  27. background: #000;
  28. overflow: hidden;
  29. font-family: "Reggae One", cursive;
  30. }
  31. p {
  32. font-size: 8vw;
  33. overflow: hidden;
  34. -webkit-text-stroke: 3px #7272a5;
  35. }
  36. span {
  37. display: block;
  38. font-size: 20px;
  39. overflow: hidden;
  40. color: green;
  41. text-align: center;
  42. }
  43. p::before {
  44. content: " ";
  45. width: 100%;
  46. height: 100%;
  47. position: absolute;
  48. left: 0;
  49. top: 0;
  50. background-image: linear-gradient(45deg, #ff269b, #2ab5f5, #ffbf00);
  51. mix-blend-mode: multiply;
  52. }
  53. p::after {
  54. content: "";
  55. background: radial-gradient(circle, #fff, #000 50%);
  56. background-size: 25% 25%;
  57. position: absolute;
  58. top: -100%;
  59. left: -100%;
  60. right: 0;
  61. bottom: 0;
  62. mix-blend-mode: color-dodge;
  63. animation: mix 2s linear infinite;
  64. }
  65. @keyframes mix {
  66. to {
  67. transform: translate(50%, 50%);
  68. }
  69. }
  70. </style>
  71. <div class="g-container">
  72. <p>Pure-Admin</p>
  73. <span class="_develop"></span>
  74. </div>
  75. </div>
  76. <script>
  77. // 此代码仅用于开发环境的友好提示,项目打包前请去掉这段js代码 This code is only used as a friendly reminder of the development environment, please remove this js code before packaging the project
  78. window.onload = function () {
  79. (function () {
  80. const ua = navigator.userAgent.toLowerCase();
  81. const re = /(msie|firefox|chrome|opera|version).*?([\d.]+)/;
  82. const m = ua.match(re);
  83. const Sys = {
  84. browser: m[1].replace(/version/, "'safari"),
  85. version: m[2]
  86. };
  87. const browser = Array.of("chrome", "firefox").includes(Sys.browser);
  88. const version = parseFloat(Sys.version);
  89. const el = document.querySelector("._develop");
  90. if (el) {
  91. if (browser && version >= 90) {
  92. let success =
  93. document.createTextNode("当前浏览器版本很适合开发!!! 😃");
  94. el.appendChild(success);
  95. } else {
  96. let warn = document.createTextNode(
  97. "当前浏览器版本不适合开发,建议使用最新版本的谷歌或者火狐浏览器!!!😯"
  98. );
  99. el.appendChild(warn);
  100. el.style.color = "red";
  101. }
  102. }
  103. return Sys;
  104. })();
  105. };
  106. </script>
  107. <script type="module" src="/src/main.ts"></script>
  108. </body>
  109. </html>