Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-04-14 20:53:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

♻️ 部分组件ZIndex抽离

Browse Source
This commit is contained in:
BTMuli
2025-12-21 18:40:50 +08:00
parent 8adedada19
commit c562424af9
9 changed files with 188 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/app/t-backTop.vue
View File

@@ -1,7 +1,8 @@
<!-- 回顶组件 -->
<template>
<transition name="fade">
<div v-show="canTop" class="back-top" @click="handleScrollTop">
<img src="@/assets/icons/back-top.svg" alt="back-icon" />
<img alt="back-icon" src="@/assets/icons/back-top.svg" />
</div>
</transition>
</template>
@@ -39,10 +40,10 @@ function handleScrollTop(): void {
onMounted(() => window.addEventListener("scroll", handleScroll));
onUnmounted(() => window.removeEventListener("scroll", handleScroll));
</script>
<style lang="css" scoped>
<style lang="scss" scoped>
.back-top {
position: fixed;
z-index: 1;
z-index: var(--tgi-top);
right: 10px;
bottom: 10px;
width: 40px;