動畫差數字跳動

eason920 · Sep 12, 2024 · f53d585 · f53d585
2 parents 002b2f9 + 8c1a26c
commit f53d585
Show file tree

Hide file tree

Showing 32 changed files with 3,349 additions and 629 deletions.
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
@@ -10,9 +10,10 @@
   </div>
   <!--loading end-->
   <Nav v-if="info.navList.length > 0" />
-  <div class="home overflow-hidden font-['Noto_Sans_TC',sans-serif]">
+  <div class="home overflow-hidden font-['Noto_Sans_TC',sans-serif] bg-[#ffffff]">
     <S1 />
     <S2 />
+    <S3 />
     <S4 />
     <S5 />
     <S6 />
@@ -74,6 +75,7 @@ img {
 import info from "@/info"
 import S1 from "@/section/s1.vue"
 import S2 from "@/section/s2.vue"
+import S3 from "@/section/s3.vue"
 import S4 from "@/section/s4.vue"
 import S5 from "@/section/s5.vue"
 import S6 from "@/section/s6.vue"

diff --git a/src/section/public/hr.vue b/src/section/public/hr.vue
@@ -6,7 +6,7 @@
 
 <style lang="sass" scoped>
 div
-  height: 2px
+  height: 1px
 </style>
 
 <script setup>

diff --git a/src/section/s1.vue b/src/section/s1.vue
@@ -1,5 +1,5 @@
 <template>
-  <article class="s1" id="s1">
+  <article class="s1 overflow-hidden" id="s1">
     <div class="ani_bg">
       <img v-for="i in 7" :key="i" src="./s1/bg_ani.png">
     </div>
@@ -165,6 +165,7 @@
   user-select: none
   pointer-events: none
   position: fixed
+  position: absolute
   width: 100%
   height: 100%
   z-index: 12

diff --git a/src/section/s2.vue b/src/section/s2.vue
diff --git a/src/section/s2/bg.png b/src/section/s2/bg.png
diff --git a/src/section/s2/horizon.svg b/src/section/s2/horizon.svg
diff --git a/src/section/s2/logo.png b/src/section/s2/logo.png