feat(动画): 优化箭头动画
This commit is contained in:
parent
f730e2461f
commit
48ad96e114
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user