优化布局
This commit is contained in:
@@ -2751,7 +2751,21 @@ input:checked+.slider:before {
|
||||
.filings {
|
||||
display: flex;
|
||||
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 {
|
||||
|
||||
@@ -412,9 +412,9 @@
|
||||
<div class="copyright">© <span id="copyrightYear"></span> LDNET-GA-Service. All rights reserved.</div>
|
||||
<div class="filings">
|
||||
<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>
|
||||
</a>
|
||||
<span class="filing-sep"></span>
|
||||
<a href="https://beian.miit.gov.cn/" target="_blank" id="icpFilingDisplay" style="display: none;"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2003,30 +2003,38 @@
|
||||
}
|
||||
|
||||
// Filing info
|
||||
let hasFilings = false;
|
||||
let hasPs = !!settings.ps_filing;
|
||||
let hasIcp = !!settings.icp_filing;
|
||||
|
||||
if (dom.psFilingDisplay) {
|
||||
if (settings.ps_filing) {
|
||||
if (hasPs) {
|
||||
if (dom.psFilingText) dom.psFilingText.textContent = settings.ps_filing;
|
||||
dom.psFilingDisplay.style.display = 'inline-block';
|
||||
hasFilings = true;
|
||||
} else {
|
||||
dom.psFilingDisplay.style.display = 'none';
|
||||
}
|
||||
}
|
||||
|
||||
if (dom.icpFilingDisplay) {
|
||||
if (settings.icp_filing) {
|
||||
if (hasIcp) {
|
||||
dom.icpFilingDisplay.textContent = settings.icp_filing;
|
||||
dom.icpFilingDisplay.style.display = 'inline-block';
|
||||
hasFilings = true;
|
||||
} else {
|
||||
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');
|
||||
if (footerContent) {
|
||||
footerContent.classList.toggle('only-copyright', !hasFilings);
|
||||
footerContent.classList.toggle('only-copyright', !(hasPs || hasIcp));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user