优化布局
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user