优化首页、人才招聘模版数据展示速度问题

src/views/index/index.vue

@@ -8,6 +8,8 @@ export default defineComponent({
     setup(){
         const store = useStore()
         const pageStatus = ref(false)
+        store.state.pageContent = []
+        store.state.footerStatus = false
         // 首页箭头下拉
         function go_down(){
             globalThis.scrollTo({
@@ -15,9 +17,6 @@ export default defineComponent({
                 behavior: "smooth"
             })
         }
-        setTimeout(()=>{
-            pageStatus.value = true
-        },300)
         return { store, go_down, pageStatus }
     },
     components:{
@@ -68,7 +67,7 @@ export default defineComponent({
         <section v-if="store.state.pageContent.length>0" style="width:100vw;">
             <div class="whyUs-section pt-60 pb-60" v-for="(arr,index) in store.state.pageContent"
                 :style="{background:(index % 2 == 1?'#F4F8FD':'#fff')}">
-                <div class="container" v-show="pageStatus">
+                <div class="container">
                     <div class="section-title text-center both-border pb-20">
                         <span class="title-tag">{{arr.title}}</span>
                         <span class="mb-30" style="display:block;">{{arr.zhaiyao}}</span>

src/views/job/index.vue

@@ -138,28 +138,21 @@ export default defineComponent({
                                 <div  :class="item.id == store.state.acitveId  ? 'active' : ''" v-on:mouseover="facilityClick(item)">{{item.categoryName}} </div>
                             </li>
                         </ul>
-                        
                     </div>
                     <div class="news-right-list"  >
                         <div class="title" v-if="columnActive.categoryName">{{columnActive.categoryName}}</div>
                         <ul>
-                            <li class="" v-for="(item,index) in store.state.pageContent" :key="index"  v-show="pageStatus">
+                            <li class="" v-for="(item,index) in store.state.pageContent" :key="index"  v-if="store.state.pagination">
                                 <div  @click="details(item)">
                                     <a class="newsTitleLeft"><span style="width: 8px;height: 8px;background: #B7B7B7;border-radius: 50%;margin-right:30px"></span>{{item.title}}</a>
                                     <span  class="timeRight" >{{ item.createdate.substring(0, 10) }}</span>
                                 </div>
                             </li>
-
-
                         </ul>
                         <pagination :data="store.state.pagination" @pagination="handleCurrentChange" />
-
                     </div>
                 </div>
-                
-                
             </div>
-
         </section>
         <br>
         <br>