Haojuapi

components/AcademicResearch.vue

@@ -66,12 +66,7 @@
 
       <div data-aos="fade-up" class="!duration-1000">
         <Swiper
-          :modules="[
-            SwiperAutoplay,
-            SwiperNavigation,
-            SwiperPagination,
-            SwiperA11y,
-          ]"
+          :modules="[SwiperAutoplay, SwiperNavigation, SwiperPagination]"
           :slides-per-view="1.15"
           :loop="true"
           space-between="15"
@@ -95,55 +90,22 @@
           class="!overflow-hidden"
         >
           <SwiperSlide
-            tag="li"
+            v-for="item in loopSlides"
+            :key="item.articleID"
             class="mr-[15px] !list-item h-full md:!w-[calc((100%_-_30px)/3)] xl:mr-[25px] xl:!w-[calc((100%_-50px)/3)] 2xl:mr-[66px] 2xl:!w-[calc((100%_-132px)/3)]"
           >
-            <NuxtLink to="xxgk/xxjj" class="group inline">
+            <NuxtLink :to="item.functionURL" class="group inline">
               <div class="relative block w-full overflow-hidden">
-                <NuxtImg
-                  format="webp"
-                  quality="80"
-                  src="/images/CB8E298308CADB4D7B7FDD327BC_51728C60_2DBA7.jpg"
-                  class="aspect-[1/0.6154] h-full w-full select-none object-cover lg:transition-transform lg:duration-1000 lg:ease-[cubic-bezier(0.25,0,0,1)] lg:group-hover:scale-[1.08]"
-                />
-              </div>
-              <h4
-                class="mt-[17px] font-bold text-[#333] duration-500 lg:group-hover:text-[#fba33e]"
-                style="font-size: 16.15px; line-height: 20.4px"
-              >
-                学校首获国家自然科学基金优秀青年项目立项
-              </h4>
-              <h6
-                class="mt-[11.2px] flex translate-y-[16px] cursor-pointer items-center text-[11.2px] leading-[11.2px] text-[#666] opacity-0 duration-500 lg:group-hover:translate-y-0 lg:group-hover:opacity-100"
-              >
-                <NuxtImg
-                  quality="80"
-                  class="mr-[6.4px] h-[12.7917px]"
-                  src="/images/time.svg"
-                />
-                2024-08-30
-              </h6>
-            </NuxtLink>
-          </SwiperSlide>
-
-          <SwiperSlide
-            tag="li"
-            class="!list-item h-full md:!w-[calc((100%_-_30px)/3)] xl:mr-[25px] xl:!w-[calc((100%_-50px)/3)] 2xl:mr-[66px] 2xl:!w-[calc((100%_-132px)/3)]"
-          >
-            <NuxtLink to="xxgk/xxjj" class="group inline">
-              <div class="relative block w-full overflow-hidden">
-                <NuxtImg
-                  format="webp"
-                  quality="80"
-                  src="/images/A06AEE2F727AA51635325B1DD3C_67371AE5_4AB33.jpg"
+                <img
+                  :src="item.listImage"
                   class="aspect-[1/0.6154] h-full w-full select-none object-cover lg:transition-transform lg:duration-1000 lg:ease-[cubic-bezier(0.25,0,0,1)] lg:group-hover:scale-[1.08]"
                 />
               </div>
               <h4
                 class="mt-[17px] font-bold text-[#333] duration-500 lg:group-hover:text-[#fba33e]"
                 style="font-size: 16.15px; line-height: 20.4px"
               >
-                《职业•技术•教育》2024国际学术研讨会在我校举行
+                {{ item.title }}
               </h4>
               <h6
                 class="mt-[11.2px] flex translate-y-[16px] cursor-pointer items-center text-[11.2px] leading-[11.2px] text-[#666] opacity-0 duration-500 lg:group-hover:translate-y-0 lg:group-hover:opacity-100"
@@ -153,199 +115,7 @@
                   class="mr-[6.4px] h-[12.7917px]"
                   src="/images/time.svg"
                 />
-                2024-05-20
-              </h6>
-            </NuxtLink>
-          </SwiperSlide>
-
-          <SwiperSlide
-            tag="li"
-            class="!list-item h-full md:!w-[calc((100%_-_30px)/3)] xl:mr-[25px] xl:!w-[calc((100%_-50px)/3)] 2xl:mr-[66px] 2xl:!w-[calc((100%_-132px)/3)]"
-          >
-            <NuxtLink to="xxgk/xxjj" class="group inline">
-              <div class="relative block w-full overflow-hidden">
-                <NuxtImg
-                  format="webp"
-                  quality="80"
-                  src="/images/53F2D1CC097DDFAF23734B191EE_71224832_218B3.jpg"
-                  class="aspect-[1/0.6154] h-full w-full select-none object-cover lg:object-cover lg:transition-transform lg:duration-1000 lg:ease-[cubic-bezier(0.25,0,0,1)] lg:group-hover:scale-[1.08]"
-                />
-              </div>
-              <h4
-                class="mt-[17px] font-bold text-[#333] duration-500 lg:group-hover:text-[#fba33e]"
-                style="font-size: 16.15px; line-height: 20.4px"
-              >
-                《职业·技术·教育（英文）》国际期刊创刊号出版
-              </h4>
-              <h6
-                class="mt-[11.2px] flex translate-y-[16px] cursor-pointer items-center text-[11.2px] leading-[11.2px] text-[#666] opacity-0 duration-500 lg:group-hover:translate-y-0 lg:group-hover:opacity-100"
-              >
-                <NuxtImg
-                  quality="80"
-                  class="mr-[6.4px] h-[12.7917px]"
-                  src="/images/time.svg"
-                />
-                2024-04-08
-              </h6>
-            </NuxtLink>
-          </SwiperSlide>
-
-          <SwiperSlide
-            tag="li"
-            class="!list-item h-full md:!w-[calc((100%_-_30px)/3)] xl:mr-[25px] xl:!w-[calc((100%_-50px)/3)] 2xl:mr-[66px] 2xl:!w-[calc((100%_-132px)/3)]"
-          >
-            <NuxtLink to="xxgk/xxjj" class="group inline">
-              <div class="relative block w-full overflow-hidden">
-                <NuxtImg
-                  format="webp"
-                  quality="80"
-                  src="/images/xh_i829.jpg"
-                  class="aspect-[1/0.6154] h-full w-full select-none object-cover lg:object-cover lg:transition-transform lg:duration-1000 lg:ease-[cubic-bezier(0.25,0,0,1)] lg:group-hover:scale-[1.08]"
-                />
-              </div>
-              <h4
-                class="mt-[17px] font-bold text-[#333] duration-500 lg:group-hover:text-[#fba33e]"
-                style="font-size: 16.15px; line-height: 20.4px"
-              >
-                学校成立深圳职业技术大学首届学术委员会
-              </h4>
-              <h6
-                class="mt-[11.2px] flex translate-y-[16px] cursor-pointer items-center text-[11.2px] leading-[11.2px] text-[#666] opacity-0 duration-500 lg:group-hover:translate-y-0 lg:group-hover:opacity-100"
-              >
-                <NuxtImg
-                  quality="80"
-                  class="mr-[6.4px] h-[12.7917px]"
-                  src="/images/time.svg"
-                />
-                2023-12-14
-              </h6>
-            </NuxtLink>
-          </SwiperSlide>
-
-          <SwiperSlide
-            tag="li"
-            class="!list-item h-full md:!w-[calc((100%_-_30px)/3)] xl:mr-[25px] xl:!w-[calc((100%_-50px)/3)] 2xl:mr-[66px] 2xl:!w-[calc((100%_-132px)/3)]"
-          >
-            <NuxtLink to="xxgk/xxjj" class="group inline">
-              <div class="relative block w-full overflow-hidden">
-                <NuxtImg
-                  format="webp"
-                  quality="80"
-                  src="/images/xh_i829.jpg"
-                  class="aspect-[1/0.6154] h-full w-full select-none object-cover lg:transition-transform lg:duration-1000 lg:ease-[cubic-bezier(0.25,0,0,1)] lg:group-hover:scale-[1.08]"
-                />
-              </div>
-              <h4
-                class="mt-[17px] font-bold text-[#333] duration-500 lg:group-hover:text-[#fba33e]"
-                style="font-size: 16.15px; line-height: 20.4px"
-              >
-                三个广东省社会科学界联合会研究基地揭牌成立
-              </h4>
-              <h6
-                class="mt-[11.2px] flex translate-y-[16px] cursor-pointer items-center text-[11.2px] leading-[11.2px] text-[#666] opacity-0 duration-500 lg:group-hover:translate-y-0 lg:group-hover:opacity-100"
-              >
-                <NuxtImg
-                  quality="80"
-                  class="mr-[6.4px] h-[12.7917px]"
-                  src="/images/time.svg"
-                />
-                2023-11-23
-              </h6>
-            </NuxtLink>
-          </SwiperSlide>
-
-          <SwiperSlide
-            tag="li"
-            class="!list-item h-full md:!w-[calc((100%_-_30px)/3)] xl:mr-[25px] xl:!w-[calc((100%_-50px)/3)] 2xl:mr-[66px] 2xl:!w-[calc((100%_-132px)/3)]"
-          >
-            <NuxtLink to="xxgk/xxjj" class="group inline">
-              <div class="relative block w-full overflow-hidden">
-                <NuxtImg
-                  format="webp"
-                  quality="80"
-                  src="/images/2DB14F938F1972EC8AD158C32C3_804BA196_1DE4D.jpg"
-                  class="aspect-[1/0.6154] h-full w-full object-cover lg:object-cover lg:transition-transform lg:duration-1000 lg:ease-[cubic-bezier(0.25,0,0,1)] lg:group-hover:scale-[1.08]"
-                />
-              </div>
-              <h4
-                class="mt-[17px] font-bold text-[#333] duration-500 lg:group-hover:text-[#fba33e]"
-                style="font-size: 16.15px; line-height: 20.4px"
-              >
-                学校获批14项国家自然科学基金项目
-              </h4>
-              <h6
-                class="mt-[11.2px] flex translate-y-[16px] cursor-pointer items-center text-[11.2px] leading-[11.2px] text-[#666] opacity-0 duration-500 lg:group-hover:translate-y-0 lg:group-hover:opacity-100"
-              >
-                <NuxtImg
-                  quality="80"
-                  class="mr-[6.4px] h-[12.7917px]"
-                  src="/images/time.svg"
-                />
-                2023-08-29
-              </h6>
-            </NuxtLink>
-          </SwiperSlide>
-
-          <SwiperSlide
-            tag="li"
-            class="!list-item h-full md:!w-[calc((100%_-_30px)/3)] xl:mr-[25px] xl:!w-[calc((100%_-50px)/3)] 2xl:mr-[66px] 2xl:!w-[calc((100%_-132px)/3)]"
-          >
-            <NuxtLink to="xxgk/xxjj" class="group inline">
-              <div class="relative block w-full overflow-hidden">
-                <NuxtImg
-                  format="webp"
-                  quality="80"
-                  src="/images/145C262458B0C635AD6C25541E3_FC796675_6B4CC.jpg"
-                  class="aspect-[1/0.6154] h-full w-full select-none object-cover lg:object-cover lg:transition-transform lg:duration-1000 lg:ease-[cubic-bezier(0.25,0,0,1)] lg:group-hover:scale-[1.08]"
-                />
-              </div>
-              <h4
-                class="mt-[17px] font-bold text-[#333] duration-500 lg:group-hover:text-[#fba33e]"
-                style="font-size: 16.15px; line-height: 20.4px"
-              >
-                23个项目、6大科研平台，深职院高交会上秀出“黑科技”
-              </h4>
-              <h6
-                class="mt-[11.2px] flex translate-y-[16px] cursor-pointer items-center text-[11.2px] leading-[11.2px] text-[#666] opacity-0 duration-500 lg:group-hover:translate-y-0 lg:group-hover:opacity-100"
-              >
-                <NuxtImg
-                  quality="80"
-                  class="mr-[6.4px] h-[12.7917px]"
-                  src="/images/time.svg"
-                />
-                2022-11-19
-              </h6>
-            </NuxtLink>
-          </SwiperSlide>
-
-          <SwiperSlide
-            tag="li"
-            class="!list-item h-full md:!w-[calc((100%_-_30px)/3)] xl:mr-[25px] xl:!w-[calc((100%_-50px)/3)] 2xl:mr-[66px] 2xl:!w-[calc((100%_-132px)/3)]"
-          >
-            <NuxtLink to="xxgk/xxjj" class="group inline">
-              <div class="relative block w-full overflow-hidden">
-                <NuxtImg
-                  format="webp"
-                  quality="80"
-                  src="/images/BFC1CD7CAD81817C60C88B9ED4A_AB20A1ED_48BE3.jpg"
-                  class="aspect-[1/0.6154] h-full w-full select-none object-cover lg:object-cover lg:transition-transform lg:duration-1000 lg:ease-[cubic-bezier(0.25,0,0,1)] lg:group-hover:scale-[1.08]"
-                />
-              </div>
-              <h4
-                class="mt-[17px] font-bold text-[#333] duration-500 lg:group-hover:text-[#fba33e]"
-                style="font-size: 16.15px; line-height: 20.4px"
-              >
-                我校与光明实验室共建人工智能与数字经济联合创新中心
-              </h4>
-              <h6
-                class="mt-[11.2px] flex translate-y-[16px] cursor-pointer items-center text-[11.2px] leading-[11.2px] text-[#666] opacity-0 duration-500 lg:group-hover:translate-y-0 lg:group-hover:opacity-100"
-              >
-                <NuxtImg
-                  quality="80"
-                  class="mr-[6.4px] h-[12.7917px]"
-                  src="/images/time.svg"
-                />
-                2022-11-09
+                {{ item.createdDateStr }}
               </h6>
             </NuxtLink>
           </SwiperSlide>
@@ -355,6 +125,22 @@
   </section>
 </template>
 
-<script setup></script>
+<script setup>
+const { data, status, error, refresh, clear } = await useFetch(
+  'https://www.haoju.me/interface-server/api/getNavigatorSimpleArticleList.json',
+  {
+    pick: ['body'],
+    query: {
+      siteID: '8a2f462a8b3ba8d7018b3cbe523202a1',
+      applicationID: '8a2f462a5d116c5d015d2088f9670dc4',
+      navigatorID: '0e7b55547f2d45ddab87d7814d69161b',
+      sortTypeOrder: '1',
+    },
+  }
+);
+
+const items = ref(data.value.body.data.rows);
+const loopSlides = ref([...items.value, ...items.value]);
+</script>
 
 <style></style>

components/IndustryEduIntegrate.vue

@@ -77,7 +77,7 @@
                 />
               </div>
               <div
-                class="flex-start absolute bottom-0 left-0 right-0 top-0 flex flex-col items-start justify-end px-[12.75px] md:px-[29.75px] pb-[17px] text-white"
+                class="flex-start absolute bottom-0 left-0 right-0 top-0 flex flex-col items-start justify-end px-[12.75px] pb-[17px] text-white md:px-[29.75px]"
               >
                 <span style="font-size: 13.6px; line-height: 13.6px"
                   >2024-05-24</span

components/ScrollBanner.vue

@@ -44,7 +44,7 @@
                 <source
                   src="~/assets/videos/4CF8CAC9F0893DA67BF3A06E9A7_89918CB5_10F0462.mp4"
                   type="video/mp4"
-                >
+                />
               </video>
             </div>
           </div>
@@ -61,7 +61,7 @@
               <img
                 class="aspect-[1/0.56] w-full object-cover lg:aspect-auto lg:h-dvh"
                 src="~/assets/images/A1BEE7809537B652A12F4E03D0F_B43B87BE_355A1.jpg"
-              >
+              />
             </div>
           </div>
         </NuxtLink>
@@ -77,7 +77,7 @@
               <img
                 class="aspect-[1/0.56] w-full object-cover lg:aspect-auto lg:h-dvh"
                 src="~/assets/images/883079AF7CEE30D30FF8A986183_8391136D_2F2AD.jpg"
-              >
+              />
             </div>
           </div>
         </NuxtLink>
@@ -100,7 +100,7 @@
                 <source
                   src="~/assets/videos/DF24A75EC06F2A8C08100119724_60C7C211_19DE7B4.mp4"
                   type="video/mp4"
-                >
+                />
               </video>
             </div>
           </div>

components/StudyInSzpu.vue

@@ -25,7 +25,7 @@
                 class="absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center"
               >
                 <div class="relative h-[74.7917px] w-[74.7917px]">
-                  <img src="~/assets/images/list7_ico1.png" >
+                  <img src="~/assets/images/list7_ico1.png" />
                   <div class="absolute bottom-0 left-0 right-0 top-0">
                     <div
                       class="absolute h-[73.458px] w-[73.458px] animate-circle rounded-full border-[0.667px] border-[rgba(255,255,255,0.5)]"

components/layout/Footer.vue

@@ -173,7 +173,7 @@
             <img
               class="max-h-[54.4px] max-md:mx-auto"
               src="~/assets/images/logo_red.png"
-            >
+            />
           </div>
           <div class="max-md:text-center lg:flex lg:flex-wrap">
             <div class="text-white md:mr-[42.5px]">

components/layout/MobileSideNav.vue

@@ -30,7 +30,7 @@
             placeholder="请输入搜索关键词"
             class="h-[44px] w-[calc(100%_-_66px)] rounded-l-full border border-[#fba33e] px-[20.4px] text-[#646464] focus:outline-none"
             style="font-size: 14px"
-          >
+          />
           <button
             class="bg-submit absolute h-[44px] w-[66px] cursor-pointer rounded-r-full bg-[#fba33e] bg-center bg-no-repeat"
           />

components/layout/MobileTopNav.vue

@@ -11,7 +11,7 @@
           aria-label="Home Page"
           @click="$emit('hide-fixed-menu')"
           ><img src="~/assets/images/2023/logo_red.png" class="h-[38.25px]"
-        ></NuxtLink>
+        /></NuxtLink>
       </li>
       <li class="ml-auto">
         <NuxtLink to="xxgk/xxjj" class="group flex items-center">
@@ -27,7 +27,7 @@
               class="flex h-[16px] w-[16px]"
               style="line-height: 32px"
               src="/images/list1_ico2.svg"
-            >
+            />
           </div>
         </NuxtLink>
       </li>

components/layout/WideSearch.vue

@@ -23,7 +23,7 @@
                 class="h-[48px] w-[588.792px] flex-shrink flex-grow overflow-clip pl-[19.2px] text-[16px] leading-[6.4px] focus:outline-none"
                 style="font-family: Arial, Helvetica"
                 autocomplete="off"
-              >
+              />
               <button
                 type="submit"
                 class="bg-search-btn h-[48px] w-[51.1979px] flex-shrink-0 bg-[#fba33e] bg-[length:24px] bg-center bg-no-repeat"