1

src/components/imgLoading.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="section-loading" v-if="progress != 100">
+    <div class="section section-loading" v-if="progress != 100">
       <div class="section1-wwbox">
         <img src="/img/section1/section1-ww.webp" alt="" class="fadeIn">
         <div class="title2 fadeIn"></div>
@@ -26,12 +26,15 @@ onMounted(()=>{
 const props = defineProps({
   fullpage: Object,
 });
+const emit = defineEmits(['changePer'])
 const progress = ref(0);
 const framePro = ref(0)
 const imgPro = ref(0)
 watchEffect(() => {
     if (props.fullpage && progress.value == 100) {
         props.fullpage.api.setAllowScrolling(true);
+        props.fullpage.api.moveTo(0);
+        // emit('changePer', progress.value)
     }
   });
 emitter.on("updatePress", (val) => {

src/pages/section1.vue

@@ -1,12 +1,12 @@
 <template>
-  <div class="section section1" data-anchor="section1">
-    <div class="logo" />
-    <div class="title1">
-      <span>南京博物院90周年院庆系列特展</span>
+  <div class="section section1">
+    <div class="logo fadeInUp"></div>
+    <div class="title1 fadeInUp">
+      <span>玉润中华线上展览</span>
     </div>
-    <div class="section1-box">
-      <img src="/img/section1/section1-ww.webp" />
-      <div class="section1-title"></div>
+    <div class="section1-wwbox">
+      <img src="/img/section1/section1-ww.webp" alt="" class="fadeIn" />
+      <div class="title2 fadeIn"></div>
     </div>
     <div class="txt">
       <p class="txt1">中国玉器的万年史诗图卷</p>
@@ -16,7 +16,6 @@
         Gentleness
       </p>
     </div>
-    <!-- <loadImg/> -->
   </div>
 </template>
 
@@ -24,7 +23,7 @@
 </script>
 
 <style lang="scss" scoped>
-@import "/src/assets/style/index.css";
+@import "/src/assets/style/section1.css";
 .section {
   position: relative;
 }

src/view/index.vue

@@ -1,7 +1,7 @@
 <template>
   <mouse-tips />
-  <loadImg  :fullpage="fullpage" />
   <nav-guide :fullpage="fullpage" />
+  <loadImg v-if="progress != 100" @changePer="changePre" :fullpage="fullpage" />
   <section1 />
   <section2 />
   <section3 :fullpage="fullpage" />
@@ -76,4 +76,8 @@ defineOptions({
 const props = defineProps({
   fullpage: Object,
 });
+const progress = ref(0);
+function changePre(val) {
+  progress.value = val
+}
 </script>