diff --git a/src/layouts/CalculatorLayout.vue b/src/layouts/CalculatorLayout.vue index 3d59d38..aa013b9 100644 --- a/src/layouts/CalculatorLayout.vue +++ b/src/layouts/CalculatorLayout.vue @@ -484,6 +484,11 @@ transition: all 0.3s ease; border-radius: 24px; width: 100%; + + /* 文本居中 */ + display: flex !important; + justify-content: center !important; + align-items: center !important; } .language-pill-large:hover { @@ -491,6 +496,15 @@ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } +/* chip内容居中对齐 */ +.language-pill-large .v-chip__content { + display: flex !important; + justify-content: center !important; + align-items: center !important; + width: 100% !important; + font-weight: 500; +} + /* 响应式药丸样式 */ @media (max-width: 599px) { .language-pill-container {