spark-store-project/spark-store-abyss
15
0
Fork 0
mirror of https://github.com/spark-store-project/spark-store-abyss synced 2026-04-27 23:20:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement index section 1

Browse Source 
Co-authored-by: xudeyu444 <xudeyu444@users.noreply.github.com>
Co-authored-by: 奕 <a18355849597@outlook.com>
Co-authored-by: Sylvanysc <Sylvanysc@users.noreply.github.com>
This commit is contained in:
jiwangyihao
2025-05-29 01:21:22 +08:00
parent 2de03ad67e
commit 9ca45f5325
5 changed files with 196 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import ScrollPanel from "primevue/scrollpanel";
import type { ComponentPublicInstance } from "vue";
import Button from "primevue/button";
const path = computed(() => {
return useRoute().path;
@@ -13,6 +13,8 @@ const sWidth = ref(0);
const sHeight = ref(0);
const mounted = ref(false);
provide("scrollPanel", scrollPanel);
const handleScrollOrResize = () => {
const navEl = document.querySelector("header nav");
const el = document.querySelector("header .active");
@@ -117,7 +119,7 @@ header {
right: 0;
transform: translateX(calc(var(--s-progress) * 12 * var(--spacing)));
width: calc(100% - var(--s-progress) * 24 * var(--spacing));
border-radius: calc(var(--s-progress) * 6 * var(--spacing));
border-radius: calc(var(--s-progress) * 4 * var(--spacing));
height: 100%;
background-color: #fff;
z-index: -1;