diff --git a/css/index.css b/css/index.css index f0b8228..0700c25 100644 --- a/css/index.css +++ b/css/index.css @@ -2480,6 +2480,18 @@ html { #index .nav-header { padding: 0 8px; height: 50px !important; + display: flex; + align-items: stretch; + } + + #index .nav-header .nav-left { + display: flex; + align-items: center; + } + + #index .nav-header .nav-right { + display: flex; + align-items: center; } #index .nav-menu { @@ -2510,6 +2522,7 @@ html { gap: 0 !important; align-items: center; height: 100%; + order: 2; } #index .no-login .nav-text-link, @@ -2525,7 +2538,7 @@ html { line-height: 28px !important; } - /* 汉堡菜单按钮样式 */ + /* 汉堡菜单按钮样式 - 放在右侧(order: 3) */ #index .mobile-menu-toggle { display: flex !important; flex-direction: column; @@ -2534,7 +2547,8 @@ html { width: 24px; height: 20px; justify-content: center; - margin-right: 8px; + margin-right: 0; + order: 3; } #index .mobile-menu-toggle span { @@ -2591,9 +2605,9 @@ html { font-size: 12px !important; } - /* 调整进度条位置,避免和按钮重合 */ + /* 调整进度条位置到底部 */ .banner-cont .swiper-pagination { - bottom: 80px !important; + bottom: 12px !important; } .banner-cont .swiper-pagination-bullet { @@ -2999,6 +3013,18 @@ html { #index .nav-header { padding: 0 10px; height: 48px !important; + display: flex; + align-items: stretch; + } + + #index .nav-header .nav-left { + display: flex; + align-items: center; + } + + #index .nav-header .nav-right { + display: flex; + align-items: center; } #index .nav-header .nav-left .nav-icon img { @@ -3024,6 +3050,7 @@ html { gap: 0 !important; align-items: center; height: 100%; + order: 2; } #index .no-login .nav-text-link, @@ -3039,7 +3066,7 @@ html { line-height: 28px !important; } - /* 汉堡菜单按钮样式 */ + /* 汉堡菜单按钮样式 - 放在右侧(order: 3) */ #index .mobile-menu-toggle { display: flex !important; flex-direction: column; @@ -3048,7 +3075,8 @@ html { width: 24px; height: 20px; justify-content: center; - margin-right: 6px; + margin-right: 0; + order: 3; } #index .mobile-menu-toggle span { @@ -3098,9 +3126,9 @@ html { font-size: 11px !important; } - /* 调整进度条位置 */ + /* 调整进度条位置到底部 */ .banner-cont .swiper-pagination { - bottom: 80px !important; + bottom: 12px !important; } .banner-cont .swiper-pagination-bullet { @@ -3458,6 +3486,18 @@ html { #index .nav-header { padding: 0 8px; height: 44px !important; + display: flex; + align-items: stretch; + } + + #index .nav-header .nav-left { + display: flex; + align-items: center; + } + + #index .nav-header .nav-right { + display: flex; + align-items: center; } #index .nav-header .nav-left .nav-icon img { @@ -3483,6 +3523,7 @@ html { gap: 0 !important; align-items: center; height: 100%; + order: 2; } #index .no-login .nav-text-link, @@ -3498,7 +3539,7 @@ html { line-height: 26px !important; } - /* 汉堡菜单按钮样式 */ + /* 汉堡菜单按钮样式 - 放在右侧(order: 3) */ #index .mobile-menu-toggle { display: flex !important; flex-direction: column; @@ -3507,7 +3548,8 @@ html { width: 20px; height: 18px; justify-content: center; - margin-right: 4px; + margin-right: 0; + order: 3; } #index .mobile-menu-toggle span { @@ -3561,7 +3603,7 @@ html { } .banner-cont .swiper-pagination { - bottom: 80px !important; + bottom: 12px !important; } /* ===== 快速入口 - 四宫格极简版 ===== */