| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <title>test</title>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
- <meta name="apple-mobile-web-app-title" content="CodeDay">
- <meta http-equiv="Cache-Control" content="no-siteapp">
- <style>
- body, html {
- margin: 0;
- }
- button {
- width: 96%;
- border: none;
- height: 30px;
- background-color: #009fe9;
- color: white;
- cursor: pointer;
- user-select: none;
- box-shadow: 1px 1px 4px #968a8a;
- margin: 0 2%;
- margin-top: 5px;
- }
- .user-bar {
- font-family: "Microsoft YaHei";
- font-size: 12px;
- line-height: 26px;
- background-color: #009fe9;
- color: white;
- padding: 0 10px;
- }
- .no-script {
- display: none;
- }
- .no-scheme .loading {
- display: none;
- }
- .no-scheme .no-script {
- display: block;
- }
- .scheme .loading {
- display: none;
- }
- .scheme .button-box {
- display: block;
- }
- .login {
- display: none;
- }
- .script-box {
- width: 200px;
- height: 220px;
- overflow: auto;
- position: relative;
- }
- .loading, .no-script {
- width: 160px;
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- }
- .button-box {
- display: none;
- }
- .no-script img {
- width: 100%;
- }
- .no-script p {
- line-height: 20px;
- text-align: center;
- margin: 0;
- padding: 0;
- color: #999;
- font-size: 14px;
- }
- .userInfo {
- position: absolute;
- bottom: 0;
- right: 0;
- color: #009fe9;
- font-size: 14px;
- line-height: 26px;
- padding: 0 5px;
- cursor: pointer;
- z-index: 999;
- }
- .userInfo:hover {
- color: #9d9e4e;
- }
- .clearTemp {
- width: 20px;
- height: 20px;
- position: absolute;
- bottom: 2px;
- left: 2px;
- }
- .clearTemp:hover {
- cursor: pointer;
- }
- .clearTemp:hover path {
- fill: #009fe9;
- }
- </style>
- </head>
- <body>
- <div class="script-box">
- <div class="userInfo">未登录用户</div>
- <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>
- <img class="loading" src="./img/loading.svg">
- <div class="no-script">
- <img src="./img/no-script.svg">
- <p>此页面没有适用脚本!</p>
- </div>
- <div class="button-box">
- </div>
- </div>
-
- <script type="text/javascript" src="js/popup.js"></script>
- </body>
-
- </html>
|