feat(P4): precompute移植+app.js sources双向回填+回归1003/1003+验收体积/文件/data.json

2026-09-12 14:18:41 +08:00
parent 16f365a045
commit c65a69c34e
401 changed files with 22932 additions and 140 deletions
@@ -0,0 +1,48 @@
+<template>
+  <div class="aa-backtop" :class="{ 'is-visible': visible, 'aa-no-ring': !showRing }"
+       role="button" aria-label="返回顶部" @click="toTop">
+    <svg viewBox="0 0 44 44" v-if="showRing">
+      <circle class="aa-backtop-ring-bg" cx="22" cy="22" r="20" fill="none" stroke-width="2" />
+      <circle class="aa-backtop-ring-fg" cx="22" cy="22" r="20" fill="none" stroke-width="2"
+              :style="{ strokeDasharray: circumference, strokeDashoffset: offset }" />
+    </svg>
+    <span class="aa-backtop-arrow">↑</span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AaBackToTop',
+  props: {
+    threshold: { type: Number, default: 400 },
+    showRing: { type: Boolean, default: true }
+  },
+  data: function () {
+    return { visible: false, progress: 0, r: 20 };
+  },
+  computed: {
+    circumference: function () { return 2 * Math.PI * this.r; },
+    offset: function () { return this.circumference * (1 - this.progress); }
+  },
+  methods: {
+    onScroll: function () {
+      var st = window.pageYOffset || document.documentElement.scrollTop;
+      var max = document.documentElement.scrollHeight - window.innerHeight;
+      this.progress = max > 0 ? st / max : 0;
+      this.visible = st > this.threshold;
+    },
+    toTop: function () {
+      window.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+  },
+  mounted: function () {
+    window.addEventListener('scroll', this.onScroll, { passive: true });
+    this.onScroll();
+  },
+  beforeDestroy: function () {
+    window.removeEventListener('scroll', this.onScroll);
+  }
+};
+</script>
+
+<style src="./BackToTop.css"></style>