style(头部组件): 语言选择栏样式调整

This commit is contained in:
hzj 2025-10-30 10:08:13 +08:00
parent 620dca97b0
commit 734658a89d

View File

@ -76,17 +76,17 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: max-content; width: max-content;
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255);
border-radius: 10px; border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-top: 5px; margin-top: 5px;
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
z-index: 999999;
" "
v-show="visibleList" v-show="visibleList"
class="extraList" class="extraList"
> >
<div <div
style="padding: 8px; color: white !important; font-weight: 590" style="padding: 8px; color: black !important; font-weight: 590"
v-for="lang in langStore.langList" v-for="lang in langStore.langList"
@click.stop="handleLanguageChange(lang)" @click.stop="handleLanguageChange(lang)"
> >
@ -241,6 +241,10 @@ onMounted(() => {
transform: scale(0.9); transform: scale(0.9);
} }
.extraList > div:not(:last-child) {
border-bottom: 0.1px solid black;
}
[dir='rtl'] .flipImg { [dir='rtl'] .flipImg {
transform: scaleX(-1); transform: scaleX(-1);
} }