2

src/assets/scss/main.scss

@@ -93,7 +93,7 @@ button {
   &:hover {
   background-color: var(--color-secondary);
   }
-  & i {
+  & i,svg,.iconify {
     color: var(--color-text-light);
   }
 
@@ -180,7 +180,7 @@ nav.main-nav {
   button {
     width: 60px;
     height: 60px;
-    i {
+    i,svg,.iconify {
       color: var(--color-text-light);
     }
   }
@@ -269,7 +269,7 @@ nav.main-nav {
     color: var(--color-primary);
     margin-right: 15px;
 
-    i {
+    i,svg,.iconify {
       margin-right: 10px;
     }
 
@@ -632,7 +632,7 @@ footer {
       text-decoration: none;
       transition: all 0.3s;
       
-      i {
+      i,svg,.iconify {
         color: var(--color-primary);
       }
 
@@ -717,7 +717,7 @@ footer {
     transform: translateY(-3px);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   }
-  i {
+  i,svg,.iconify {
     color: var(--color-primary);
     font-size: 20px;
     margin-right: 15px;

src/pages/about.vue

@@ -22,23 +22,23 @@
             
             <ul class="info-list">
               <li class="info-item">
-                <i class="fa fa-phone"></i>
+                <Icon name="material-symbols:call" />
                 电话: 0592-2085737
               </li>
               <li class="info-item">
-                <i class="fa fa-envelope"></i>
+                <Icon name="material-symbols:email" />
                 邮箱: 734381242@qq.com
               </li>
               <li class="info-item">
-                <i class="fa fa-fax"></i>
+                <Icon name="material-symbols:fax" />
                 传真: 0592-2090633
               </li>
               <li class="info-item">
-                <i class="fa fa-clock"></i>
+                <Icon name="material-symbols:schedule" />
                 办公时间: 周一至周五 8:00-17:00
               </li>
               <li class="info-item">
-                <i class="fa fa-map-marker"></i>
+                <Icon name="material-symbols:map" />
                 地址: 厦门市思明区体育路95号文化艺术中心共享楼
               </li>
             </ul>

src/pages/channel/[id].vue

@@ -35,7 +35,8 @@
                 <ul class="sidebar-menu">
                   <li v-for="(item, key) in channelData.content.value?.childs" :key="key">
                     <router-link :to="`/channel/${item.id}`" :class="{ 'active': item.id == channelId }">
-                      {{ item.name }}<i class="fa fa-arrow-right"></i>
+                      {{ item.name }}
+                      <Icon name="material-symbols-light:chevron-right" />
                     </router-link>
                   </li>
                   <li v-if="channelData.content.value?.parent_id !== 0">

src/pages/index.vue

@@ -102,7 +102,10 @@
           <div class="col col-sm-12 col-md-5 col-lg-5">
             <div class="main-box fill">
               <div class="section-title">
-                <h2><i class="fa fa-flag"></i> 党建工作</h2>
+                <h2>
+                  <Icon name="material-symbols-light:flag" />
+                  党建工作
+                </h2>
                 <router-link :to="`/channel/${partyBuilding.content.value?.channel_id}`" class="section-more">查看更多 <Icon name="material-symbols-light:chevron-right" /></router-link>
               </div>
               <div class="news-content">
@@ -119,7 +122,10 @@
           <div class="col col-sm-12 col-md-5 col-lg-5">
             <div class="main-box fill">
               <div class="section-title">
-                <h2><i class="fa fa-refresh"></i> 工作动态</h2>
+                <h2>
+                  <Icon name="famicons:logo-designernews" />
+                  工作动态
+                </h2>
                 <router-link :to="`/channel/${workUppublishtimes.content.value?.channel_id}`" class="section-more">查看更多 <Icon name="material-symbols-light:chevron-right" /></router-link>
               </div>
               <div class="news-content">
@@ -184,7 +190,7 @@
               <img class="icon" src="@/assets/images/icon-explore.png">
               <h3>志愿者招募</h3>
               <a href="#" class="service-link">
-                <i class="fa fa-solid fa-chevron-right"></i>
+                <Icon name="material-symbols-light:chevron-right" />
               </a>
             </div>
 
@@ -192,7 +198,7 @@
               <img class="icon" src="@/assets/images/icon-join.png">
               <h3>活动报名</h3>
               <a href="#" class="service-link">
-                <i class="fa fa-solid fa-chevron-right"></i>
+                <Icon name="material-symbols-light:chevron-right" />
               </a>
             </div>
 
@@ -200,7 +206,7 @@
               <img class="icon" src="@/assets/images/icon-contract.png">
               <h3>联系咨询通道</h3>
               <a href="#" class="service-link">
-                <i class="fa fa-solid fa-chevron-right"></i>
+                <Icon name="material-symbols-light:chevron-right" />
               </a>
             </div>
           </div>
@@ -213,16 +219,14 @@
 <script setup lang="ts">
 import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel'
 import { ref } from 'vue';
-import { useRouter } from 'vue-router';
 import { useSSrSimpleDataLoader } from '@/composeable/SimpleDataLoader';
 import { DataDateUtils } from '@imengyu/js-request-transform';
-import { ScrollRect } from '@imengyu/vue-scroll-rect';
+import { MemoryTimeOut } from '@imengyu/imengyu-utils';
 import CarouselItem1 from '@/assets/images/board1/1.jpg';
 import CarouselItem2 from '@/assets/images/board1/2.jpg';
 import CarouselItem3 from '@/assets/images/board1/3.jpg';
 import CarouselItem4 from '@/assets/images/board1/4.jpg';
 import CarouselItem5 from '@/assets/images/board1/5.jpg';
-import { MemoryTimeOut } from '@imengyu/imengyu-utils';
 
 const carouselConfig = {
   itemsToShow: 1,