gaoyunchuan/CloudSaver
1
0
Fork 0
mirror of https://github.com/jiangrui1994/CloudSaver.git synced 2026-01-11 23:58:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

format:format and fix code

Browse Source
This commit is contained in:
jiangrui
2025-02-24 15:22:43 +08:00
parent c784b562c4
commit f5106e782a
46 changed files with 2055 additions and 1172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
frontend/src/views/Home.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="home" v-loading="resourcStore.loading" element-loading-background="rgba(0,0,0,0.6)">
<div v-loading="resourcStore.loading" class="home" element-loading-background="rgba(0,0,0,0.6)">
<el-container>
<el-aside width="200px"><aside-menu /></el-aside>
<el-container class="home-main">
@@ -32,62 +32,62 @@
</template>
<script setup lang="ts">
import { useResourceStore } from "@/stores/resource";
import { useStore } from "@/stores/index";
import { useUserSettingStore } from "@/stores/userSetting";
import { onUnmounted } from "vue";
import AsideMenu from "@/components/AsideMenu.vue";
import SearchBar from "@/components/SearchBar.vue";
import { useResourceStore } from "@/stores/resource";
import { useStore } from "@/stores/index";
import { useUserSettingStore } from "@/stores/userSetting";
import { onUnmounted } from "vue";
import AsideMenu from "@/components/AsideMenu.vue";
import SearchBar from "@/components/SearchBar.vue";
const resourcStore = useResourceStore();
const store = useStore();
const settingStore = useUserSettingStore();
settingStore.getSettings();
const handleScroll = () => {
const scrollTop = window.scrollY;
if (scrollTop > 50) {
store.scrollTop && store.setScrollTop(false);
} else {
!store.scrollTop && store.setScrollTop(true);
}
};
window.addEventListener("scroll", handleScroll);
onUnmounted(() => {
window.removeEventListener("scroll", handleScroll);
});
const resourcStore = useResourceStore();
const store = useStore();
const settingStore = useUserSettingStore();
settingStore.getSettings();
const handleScroll = () => {
const scrollTop = window.scrollY;
if (scrollTop > 50) {
store.scrollTop && store.setScrollTop(false);
} else {
!store.scrollTop && store.setScrollTop(true);
}
};
window.addEventListener("scroll", handleScroll);
onUnmounted(() => {
window.removeEventListener("scroll", handleScroll);
});
</script>
<style scoped lang="scss">
.home {
// padding: 20px;
min-width: 1000px;
height: 100vh;
overflow: hidden;
margin: 0 auto;
}
.home-header {
height: auto;
position: sticky;
top: 0;
z-index: 10;
// padding: 0;
background-color: rgba(231, 235, 239, 0.7) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 0 0 5px 5px;
// background-color: var(--theme-other_background);
// box-shadow: 0 4px 10px rgba(225, 225, 225, 0.3);
// border-radius: 20px;
}
.home-main {
width: 1000px;
height: 100vh;
overflow: auto;
}
.home-main-main {
padding: 10px 15px;
}
.home-aside {
width: 300px;
}
.home {
// padding: 20px;
min-width: 1000px;
height: 100vh;
overflow: hidden;
margin: 0 auto;
}
.home-header {
height: auto;
position: sticky;
top: 0;
z-index: 10;
// padding: 0;
background-color: rgba(231, 235, 239, 0.7) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 0 0 5px 5px;
// background-color: var(--theme-other_background);
// box-shadow: 0 4px 10px rgba(225, 225, 225, 0.3);
// border-radius: 20px;
}
.home-main {
width: 1000px;
height: 100vh;
overflow: auto;
}
.home-main-main {
padding: 10px 15px;
}
.home-aside {
width: 300px;
}
</style>