feat: 全局移动端适配 AdminLayout 汉堡抽屉 + 67 页通用规则

This commit is contained in:
guoju0808
2026-08-26 11:13:12 +00:00
parent d2fe5a4035
commit 8a08c8378f
5 changed files with 513 additions and 4 deletions
+35 -2
View File
@@ -12,13 +12,13 @@
</div>
<p class="footer-desc">依托"健康中国2030"战略,整合医学资源,推动健康科普与公益事业,助力全民健康素养提升,共建共享健康中国</p>
</div>
<div class="footer-col">
<div class="footer-col col-nav">
<h4>快速导航</h4>
<a @click.prevent="goHome">年度项目规划</a>
<a @click.prevent="goPublicity">项目公示</a>
<a href="https://v2.bahim.org.cn/computer/#/home" target="_blank" rel="noopener">北京整合医学学会首页</a>
</div>
<div class="footer-col">
<div class="footer-col col-projects">
<h4>学会项目</h4>
<a href="https://bxxcx.bahim.org.cn/#/" target="_blank" rel="noopener">百姓巡常行</a>
<a href="https://v2.bahim.org.cn/computer/#/project/home/title=%E5%81%A5%E5%BA%B7%E4%B8%AD%E5%9B%BD%E8%A1%8C%E5%8A%A8%E7%B3%BB%E5%88%97%E9%87%8D%E7%82%B9%E9%A1%B9%E7%9B%AE?columnId=59&projectId=5" target="_blank" rel="noopener">健康中国行动</a>
@@ -109,4 +109,37 @@ function goPublicity() { router.push('/publicity') }
@media (max-width: 900px) {
.container { padding: 0 24px; }
}
/* 手机端深度适配 */
@media (max-width: 768px) {
.container { padding: 0 16px; }
.footer { padding: 32px 0 0; }
/* footer-main 改为单列, 隐藏"快速导航"和"学会项目" */
.footer-main {
grid-template-columns: 1fr;
gap: 24px;
padding-bottom: 24px;
}
/* 桌面: 快速导航(2)/学会项目(3) 列, 移动端隐藏 */
.footer-col.col-nav,
.footer-col.col-projects { display: none; }
/* 联系方式列保持在品牌区下 */
.footer-brand .brand-row { margin-bottom: 12px; }
.footer-brand-name { font-size: 15px; }
.footer-brand-en { display: none; }
.footer-desc { font-size: 12px; line-height: 1.8; }
/* 二维码列居中, 宽度受限 */
.footer-qr { display: flex; align-items: center; gap: 12px; justify-content: flex-start; }
.qr-image { width: 80px; height: 80px; }
.qr-label { margin-top: 0; font-size: 12px; }
/* 备案/版权底部: 垂直堆叠 */
.footer-bottom {
flex-direction: column;
align-items: flex-start;
gap: 6px;
padding: 14px 0;
font-size: 11px;
line-height: 1.6;
}
}
</style>