fix: 添加缺失的VitePress自定义Vue组件文件

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>

Author: LessUp

docs/.vitepress/theme/components/AlgorithmShowcase.vue

@@ -0,0 +1,14 @@
+<template>
+  <div class="algorithm-showcase">
+    <slot />
+  </div>
+</template>
+
+<script setup>
+</script>
+
+<style scoped>
+.algorithm-showcase {
+  padding: 1rem;
+}
+</style>

docs/.vitepress/theme/components/AnimatedHero.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="animated-hero">
+    <slot />
+  </div>
+</template>
+
+<script setup>
+</script>
+
+<style scoped>
+.animated-hero {
+  animation: fadeIn 0.5s ease-in;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+</style>

docs/.vitepress/theme/components/BackToTop.vue

@@ -0,0 +1,46 @@
+<template>
+  <button class="back-to-top" @click="scrollToTop" v-show="visible">
+    ↑
+  </button>
+</template>
+
+<script setup>
+import { ref, onMounted, onUnmounted } from 'vue'
+
+const visible = ref(false)
+
+const scrollToTop = () => {
+  window.scrollTo({ top: 0, behavior: 'smooth' })
+}
+
+const handleScroll = () => {
+  visible.value = window.scrollY > 300
+}
+
+onMounted(() => {
+  window.addEventListener('scroll', handleScroll)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('scroll', handleScroll)
+})
+</script>
+
+<style scoped>
+.back-to-top {
+  position: fixed;
+  bottom: 2rem;
+  right: 2rem;
+  width: 3rem;
+  height: 3rem;
+  border-radius: 50%;
+  background: var(--vp-c-brand);
+  color: white;
+  border: none;
+  cursor: pointer;
+  font-size: 1.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>

docs/.vitepress/theme/components/CodePlayground.vue

@@ -0,0 +1,14 @@
+<template>
+  <div class="code-playground">
+    <slot />
+  </div>
+</template>
+
+<script setup>
+</script>
+
+<style scoped>
+.code-playground {
+  padding: 1rem;
+}
+</style>

docs/.vitepress/theme/components/CustomFooter.vue

@@ -0,0 +1,15 @@
+<template>
+  <footer class="custom-footer">
+    <p>Custom Footer</p>
+  </footer>
+</template>
+
+<script setup>
+</script>
+
+<style scoped>
+.custom-footer {
+  text-align: center;
+  padding: 1rem;
+}
+</style>

docs/.vitepress/theme/components/FeatureCard.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="feature-card">
+    <slot />
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  title: {
+    type: String,
+    default: ''
+  }
+})
+</script>
+
+<style scoped>
+.feature-card {
+  border-radius: 8px;
+  padding: 1rem;
+}
+</style>

docs/.vitepress/theme/components/LanguageSwitcher.vue

@@ -0,0 +1,14 @@
+<template>
+  <div class="language-switcher">
+    <slot />
+  </div>
+</template>
+
+<script setup>
+</script>
+
+<style scoped>
+.language-switcher {
+  padding: 0.5rem;
+}
+</style>

docs/.vitepress/theme/components/ReadingProgress.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="reading-progress">
+    <div class="progress-bar" :style="{ width: progress + '%' }"></div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onUnmounted } from 'vue'
+
+const progress = ref(0)
+
+const updateProgress = () => {
+  const scrollTop = window.scrollY
+  const docHeight = document.documentElement.scrollHeight - window.innerHeight
+  progress.value = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0
+}
+
+onMounted(() => {
+  window.addEventListener('scroll', updateProgress)
+  updateProgress()
+})
+
+onUnmounted(() => {
+  window.removeEventListener('scroll', updateProgress)
+})
+</script>
+
+<style scoped>
+.reading-progress {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 3px;
+  z-index: 100;
+}
+
+.progress-bar {
+  height: 100%;
+  background: var(--vp-c-brand);
+  transition: width 0.1s;
+}
+</style>