qing/micro_servers
1
3 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: 用户使用条例改为弹窗显示并移除 LICENSE.html 返回按钮

Browse Source
This commit is contained in:
qing committed 2026-07-28 11:46:25 +08:00
1 parent 4d16bc32fc
commit 680d28b616
2 files changed
+37 -5
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

static/public/LICENSE.html
-4
View File
@@ -36,10 +36,6 @@
<h3 style="font-size:15px;margin:16px 0 6px">六、条例修订</h3>
<p style="font-size:14px;line-height:1.8;color:var(--fg-secondary)">本条例可能适时修订并公示于本页面，继续使用本平台即视为接受最新版本。</p>
<div style="text-align:center;margin-top:24px">
<a href="login.html" style="color:var(--accent);font-size:14px;text-decoration:none">← 返回登录</a>
</div>
</div>
<footer class="footer">
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">蜀ICP备2024107064号-2</a>
static/public/login.html
+37 -1
View File
@@ -32,7 +32,7 @@
<div class="form-check">
<input type="checkbox" id="agreeBox" name="agree" value="access">
<label id="agreement" for="agreeBox">我已阅读并同意</label>
<a href="LICENSE.html" target="_blank" rel="noopener" style="color:var(--accent);font-size:14px;text-decoration:none">《用户使用条例》</a>
<a id="agreementLink" href="LICENSE.html" rel="noopener" style="color:var(--accent);font-size:14px;text-decoration:none;cursor:pointer">《用户使用条例》</a>
<span id="agreeTip"></span>
</div>
</form>
@@ -40,11 +40,47 @@
<div style="text-align:center;margin:12px 0;position:relative"><div style="position:absolute;top:50%;left:0;right:0;height:1px;background:#e0d6cc"></div><span style="background:#fff;padding:0 12px;position:relative;color:#999;font-size:13px">或</span></div>
<a href="https://yhdet.top/yhdet_auth?callback=https://qsont.me/yhdet_callback" class="yhdet-login-btn">开源社区 快捷登录</a>
<style>.yhdet-login-btn{display:block;width:100%;padding:12px;border:1.5px solid #1a73e8;border-radius:8px;background:white;color:#1a73e8;font-size:15px;font-weight:600;text-decoration:none;text-align:center;box-sizing:border-box;margin-bottom:12px}.yhdet-login-btn:hover{background:#e8f0fe}</style>
<!-- 用户使用条例弹窗 -->
<div id="licenseModal" class="license-modal-overlay" style="display:none">
<div class="license-modal-box">
<button id="licenseClose" class="license-modal-close" aria-label="关闭">&times;</button>
<iframe id="licenseFrame" src="about:blank" title="用户使用条例"></iframe>
</div>
</div>
<style>
.license-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}
.license-modal-box{position:relative;width:100%;max-width:680px;max-height:86vh;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.license-modal-box iframe{width:100%;height:86vh;border:0;display:block}
.license-modal-close{position:absolute;top:8px;right:10px;width:32px;height:32px;border:0;background:rgba(255,255,255,.9);border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:#555;z-index:2}
.license-modal-close:hover{background:#fff;color:#000}
</style>
</div>
<footer class="footer">
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">蜀ICP备2024107064号-2</a>
</footer>
<script src="js/validation.js"></script>
<script src="js/login.js"></script>
<script>
(function(){
var link = document.getElementById('agreementLink');
var modal = document.getElementById('licenseModal');
var frame = document.getElementById('licenseFrame');
var close = document.getElementById('licenseClose');
function show(){
frame.src = 'LICENSE.html';
modal.style.display = 'flex';
document.body.style.overflow = 'hidden';
}
function hide(){
modal.style.display = 'none';
frame.src = 'about:blank';
document.body.style.overflow = '';
}
link.addEventListener('click', function(e){ e.preventDefault(); show(); });
close.addEventListener('click', hide);
modal.addEventListener('click', function(e){ if(e.target === modal) hide(); });
})();
</script>
</body>
</html>