about-our-advantage

app/pages/about/index.vue

@@ -5,7 +5,7 @@ const items = [
   {
     label: '团队简介',
     description: 'Make changes to your account here. Click save when you\'re done.',
-    icon: 'i-lucide-users',
+
     slot: 'team' as const
   },
   {
@@ -264,7 +264,7 @@ onMounted(() => {
                 v-for="(card, index) in cards"
                 :key="index"
                 :description="card.description"
-                :icon="card.icon"
+
                 :title="card.title"
                 :ui="{
         container: 'relative grid lg:grid-cols-[1fr_4fr] gap-8 p-6',
@@ -274,7 +274,8 @@ onMounted(() => {
                 spotlight
                 spotlight-color="primary"
             >
-              <img :alt="card.alt" :src="card.image" class="w-16 m-auto">
+
+              <UIcon :name="card.icon" class="size-20 m-auto text-primary"/>
             </UPageCard>
           </div>
         </template>