style(头部组件): 语言选择栏样式调整
This commit is contained in:
parent
620dca97b0
commit
734658a89d
@ -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);
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user