hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/AdminCenter.vue
View File

@ -69,7 +69,7 @@
<img <img
src="../assets/icon/arrow.png" src="../assets/icon/arrow.png"
alt="" 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 }" :class="{ rotated: BDIndex == selectedBDIndex }"
/> />
</div> </div>

11
src/views/RechargeFreightAgent.vue
View File

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