index-caseFacts footer

app/components/AppFooter.vue

@@ -1,17 +1,24 @@
 <script lang="ts" setup>
-import type {NavigationMenuItem} from '@nuxt/ui'
 
-const items: NavigationMenuItem[] = [
+
+const contacts = [
   {
-    label: '电话:15280659990',
+    label: '电话',
+    value: '15280659990',
+    icon: 'i-heroicons-phone',
+
   },
   {
-    label: '邮箱:564737095@qq.com',
+    label: '邮箱',
+    value: '564737095@qq.com',
+    icon: 'i-heroicons-envelope',
+
   },
   {
-    label: '地址:福建省福鼎市太姥山镇海埕路13号',
-    // to: 'https://github.com/nuxt/ui/releases',
-    // target: '_blank'
+    label: '地址',
+    value: '福建省福鼎市太姥山镇海埕路13号',
+    icon: 'i-heroicons-map-pin',
+
   }
 ]
 </script>
@@ -25,11 +32,21 @@ const items: NavigationMenuItem[] = [
         <p class="text-bold text-sm">Copyright © 闽ICP备2023022186号-2</p>
       </template>
 
-      <UNavigationMenu
-          :items="items" :ui="{
-    link: 'text-gray-800 ', // 默认/悬停颜色
+      <div class="grid grid-cols-1 md:flex gap-4">
+        <div
+            v-for="(item, index) in contacts"
+            :key="index"
+
+            class="flex items-center  rounded-xl transition-all hover:scale-[1.02]  md:flex-row"
+        >
+          <UIcon :name="item.icon" class="w-6 h-6  text-current"/>
+
+          <div class="font-medium">{{ item.label }}:</div>
+          <div class="mt-1 text-sm">{{ item.value }}</div>
+
+        </div>
+      </div>
 
-  }" variant="link"/>
 
       <template #right>
         <!--        <UButton-->

app/components/landing/CaseFacts.vue

@@ -32,7 +32,7 @@ const cardItems = ref([
         title="案例实况"
     />
 
-    <div class="grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-2 gap-6 px-40">
+    <div class="grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-2 gap-6 lg:px-40">
       <UPageCard
           v-for="(item, index) in cardItems"
           :key="index"