feat(动画): 优化箭头动画

This commit is contained in:
hzj 2025-09-05 22:44:58 +08:00
parent f730e2461f
commit 48ad96e114
2 changed files with 11 additions and 2 deletions

View File

@ -69,7 +69,7 @@
<img
src="../assets/icon/arrow.png"
alt=""
style="width: 24px; transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55)"
style="width: 24px; transition: transform 0.5s"
:class="{ rotated: BDIndex == selectedBDIndex }"
/>
</div>

View File

@ -13,7 +13,12 @@
@click="listBt"
>
<div style="font-weight: bold">{{ selectedLanguage.type }}</div>
<div style="margin-left: 5px">></div>
<div
style="margin-left: 5px; transition: transform 0.5s"
:class="{ rotated: visibleList }"
>
>
</div>
<transition name="slide-fade">
<div
style="
@ -293,4 +298,8 @@ onMounted(async () => {
.extraList > div:not(:last-child) {
border-bottom: 0.1px solid black;
}
.rotated {
transform: rotate(90deg);
}
</style>