优化布局

This commit is contained in:
CN-JS-HuiBai
2026-04-10 15:16:44 +08:00
parent 9beba2a306
commit f1a215d504
3 changed files with 30 additions and 8 deletions

View File

@@ -2751,7 +2751,21 @@ input:checked+.slider:before {
.filings { .filings {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 20px; gap: 12px;
}
.filing-sep {
display: none;
width: 1px;
height: 12px;
background: var(--text-muted);
opacity: 0.3;
}
@media (min-width: 768px) {
.filing-sep {
display: block;
}
} }
.filings a { .filings a {

View File

@@ -412,9 +412,9 @@
<div class="copyright">© <span id="copyrightYear"></span> LDNET-GA-Service. All rights reserved.</div> <div class="copyright">© <span id="copyrightYear"></span> LDNET-GA-Service. All rights reserved.</div>
<div class="filings"> <div class="filings">
<a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank" id="psFilingDisplay" style="display: none;"> <a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank" id="psFilingDisplay" style="display: none;">
<img src="data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='12' fill='%230b1220'/%3E%3Cpath d='M32 10l18 8v12c0 11.6-7.2 21.9-18 26-10.8-4.1-18-14.4-18-26V18l18-8z' fill='%2310b981'/%3E%3Cpath d='M32 18l10 4.6v7.1c0 7-4.1 13.4-10 16.1-5.9-2.7-10-9.1-10-16.1v-7.1L32 18z' fill='%23ecfdf5'/%3E%3Cpath d='M28 31.5l3 3 6-6' fill='none' stroke='%2310b981' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" alt="公安备案" style="width: 14px; height: 14px; vertical-align: middle; margin-right: 2px;">
<span id="psFilingText"></span> <span id="psFilingText"></span>
</a> </a>
<span class="filing-sep"></span>
<a href="https://beian.miit.gov.cn/" target="_blank" id="icpFilingDisplay" style="display: none;"></a> <a href="https://beian.miit.gov.cn/" target="_blank" id="icpFilingDisplay" style="display: none;"></a>
</div> </div>
</div> </div>

View File

@@ -2003,30 +2003,38 @@
} }
// Filing info // Filing info
let hasFilings = false; let hasPs = !!settings.ps_filing;
let hasIcp = !!settings.icp_filing;
if (dom.psFilingDisplay) { if (dom.psFilingDisplay) {
if (settings.ps_filing) { if (hasPs) {
if (dom.psFilingText) dom.psFilingText.textContent = settings.ps_filing; if (dom.psFilingText) dom.psFilingText.textContent = settings.ps_filing;
dom.psFilingDisplay.style.display = 'inline-block'; dom.psFilingDisplay.style.display = 'inline-block';
hasFilings = true;
} else { } else {
dom.psFilingDisplay.style.display = 'none'; dom.psFilingDisplay.style.display = 'none';
} }
} }
if (dom.icpFilingDisplay) { if (dom.icpFilingDisplay) {
if (settings.icp_filing) { if (hasIcp) {
dom.icpFilingDisplay.textContent = settings.icp_filing; dom.icpFilingDisplay.textContent = settings.icp_filing;
dom.icpFilingDisplay.style.display = 'inline-block'; dom.icpFilingDisplay.style.display = 'inline-block';
hasFilings = true;
} else { } else {
dom.icpFilingDisplay.style.display = 'none'; dom.icpFilingDisplay.style.display = 'none';
} }
} }
// Handle separator
const filingSep = document.querySelector('.filing-sep');
if (filingSep) {
// Small adjustment: the CSS will handle the PC-only display,
// here we just handle the logical "both exist" requirement.
filingSep.style.display = (hasPs && hasIcp) ? '' : 'none';
}
const footerContent = document.querySelector('.footer-content'); const footerContent = document.querySelector('.footer-content');
if (footerContent) { if (footerContent) {
footerContent.classList.toggle('only-copyright', !hasFilings); footerContent.classList.toggle('only-copyright', !(hasPs || hasIcp));
} }
} }