Commit c5411758 authored by xuchentao's avatar xuchentao

fix: 移除联系方式弹窗操作按钮

parent bcc91c4a
Pipeline #444 passed with stage
in 15 seconds
......@@ -22,10 +22,5 @@ import Icon from "./Icon.astro";
<dd>{site.contact.serviceHours}</dd>
</div>
</dl>
<div class="contact-dialog__actions">
<button class="button" type="button" data-copy-phone data-phone={site.contact.phone}>复制电话</button>
<a class="button button--secondary" href="/contact/">查看联系页面 <Icon name="arrow" size={17} /></a>
</div>
<p class="contact-dialog__status" data-copy-phone-status aria-live="polite"></p>
</div>
</dialog>
......@@ -104,19 +104,6 @@ const allLd = [organizationLd, ...pageLd.filter((item) => Object.keys(item).leng
contactDialog.addEventListener('click', (event) => {
if (event.target === contactDialog) contactDialog.close();
});
const copyButton = contactDialog.querySelector('[data-copy-phone]');
const copyStatus = contactDialog.querySelector('[data-copy-phone-status]');
copyButton?.addEventListener('click', async () => {
const phone = copyButton.getAttribute('data-phone') || '';
try {
if (!navigator.clipboard) throw new Error('Clipboard API unavailable');
await navigator.clipboard.writeText(phone);
if (copyStatus) copyStatus.textContent = `电话 ${phone} 已复制`;
} catch {
if (copyStatus) copyStatus.textContent = `请手动记录电话:${phone}`;
}
});
}
</script>
</body>
......
......@@ -45,8 +45,6 @@ h3 { font-size: 21px; }
.contact-dialog__details dt { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; font-weight: 700; }
.contact-dialog__details dt svg { flex: none; color: var(--primary); }
.contact-dialog__details dd { margin: 0; font-size: 14px; font-weight: 700; text-align: right; }
.contact-dialog__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.contact-dialog__status { min-height: 24px; margin: 12px 0 -12px; color: var(--primary); font-size: 12px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; padding: 0 24px; border: 1px solid var(--primary); border-radius: 999px; color: #fff; background: var(--primary); font-size: 15px; font-weight: 700; transition: .24s ease; cursor: pointer; }
.button:hover { color: #fff; background: var(--primary-hover); border-color: var(--primary-hover); transform: translateY(-2px); box-shadow: 0 12px 24px rgba(255, 125, 65, .24); }
......@@ -187,5 +185,5 @@ h3 { font-size: 21px; }
.stats-grid strong { font-size: 26px; }.stats-grid div { padding: 25px 18px; }.service-grid, .article-grid, .process-grid, .values-grid, .fit-grid, .certification-cards { grid-template-columns: 1fr; }.service-card { min-height: 285px; }.trust-proof { min-height: auto; padding: 36px 28px; }.faq-layout { gap: 16px; }.faq-list summary { min-height: 82px; }.faq-list details > p { padding-left: 48px; }
.page-hero { padding: 62px 0 72px; }.page-hero::after { display: none; }.breadcrumb { margin-bottom: 30px; }.service-detail-list { gap: 70px; }.about-story__facts, .service-detail__summary, .visit-panel { min-height: auto; padding: 36px 28px; }.join-hero { padding: 65px 0; }.join-card { padding: 28px; }.contact-hero { padding: 65px 0; }.contact-number a { font-size: 32px; }.visit-tips .container { grid-template-columns: 1fr; }.visit-tips .container > * { padding: 22px; }.article-card__body { padding: 24px; }.article-page > header { padding: 58px 0; }.article-layout { padding-top: 48px; padding-bottom: 80px; }.article-content { font-size: 15px; }.empty-state { padding: 55px 24px; }
.cta-section { padding-bottom: 68px; }.cta-panel { padding: 36px 26px; }.cta-actions { width: 100%; }.cta-actions .button { width: 100%; }.footer-grid { grid-template-columns: 1fr 1fr; }.footer-brand, .footer-contact { grid-column: 1 / -1; }.footer-bottom { flex-direction: column; gap: 8px; }.footer-logo { width: 170px; }
.contact-dialog__panel { padding: 34px 22px 26px; }.contact-dialog h2 { font-size: 32px; }.contact-dialog__details > div { grid-template-columns: 1fr; gap: 4px; }.contact-dialog__details dd { padding-left: 29px; text-align: left; }.contact-dialog__actions .button { width: 100%; }
.contact-dialog__panel { padding: 34px 22px 26px; }.contact-dialog h2 { font-size: 32px; }.contact-dialog__details > div { grid-template-columns: 1fr; gap: 4px; }.contact-dialog__details dd { padding-left: 29px; text-align: left; }
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment