From be383c19c7b18b389414f28b20be43f162c5270a Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Tue, 30 Sep 2025 18:02:35 +0800
Subject: [PATCH] =?UTF-8?q?item3=E5=8D=A1=E7=89=87=E7=98=A6=E8=BA=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/index/item3.vue |  8 ++++----
 tailwind.config.js             | 18 ------------------
 2 files changed, 4 insertions(+), 22 deletions(-)
 delete mode 100644 tailwind.config.js

diff --git a/app/components/index/item3.vue b/app/components/index/item3.vue
index 6d8a83f..0cb083e 100644
--- a/app/components/index/item3.vue
+++ b/app/components/index/item3.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="bg-gray-50 dark:bg-gray-900 py-16">
-    <div class="container mx-auto px-4 max-w-8xl">
+    <div class="container mx-auto px-4 max-w-6xl">
       <!-- 页面标题 -->
       <div class="text-center mb-12 px-4">
         <h1 class="text-3xl lg:text-4xl font-bold text-gray-900 dark:text-white mb-4">
@@ -22,7 +22,7 @@
         >
           <!-- 默认卡片 -->
           <div
-              class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-sm border border-gray-200 dark:border-gray-700 transition-all duration-300 group-hover:shadow-lg h-full mx-2">
+              class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-sm border border-gray-200 dark:border-gray-700 transition-all duration-300 group-hover:shadow-lg h-full flex flex-col items-center">
             <!-- 图标区域 -->
             <div :class="scene.bgColor" class="w-16 h-16 rounded-lg flex items-center justify-center mb-4 mx-auto">
               <UIcon :class="scene.iconColor" :name="scene.icon" class="w-8 h-8"/>
@@ -33,7 +33,7 @@
             </h3>
 
             <!-- 设备列表 -->
-            <ul class="space-y-2 text-center">
+            <ul class="space-y-2 text-center ">
               <li
                   v-for="(device, deviceIndex) in scene.devices" :key="deviceIndex"
                   class="text-gray-600 dark:text-gray-400 text-sm"
@@ -45,7 +45,7 @@
           </div>
 
           <!-- 悬浮详情卡片 -->
-          <div v-if="activeScene === index" class="absolute top-0 left-0 w-full h-full z-10 mx-2">
+          <div v-if="activeScene === index" class="absolute top-0 left-0  h-full z-10 flex flex-col items-center">
             <div :class="scene.hoverBgColor" class="rounded-xl p-6 h-full text-white shadow-xl flex flex-col">
               <h3 class="text-xl font-semibold mb-4">{{ scene.title }}</h3>
               <p class="text-sm opacity-90 mb-6 leading-relaxed">
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 4d0edcd..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,18 +0,0 @@
-// tailwind.config.js
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: [
-    './components/**/*.{js,vue,ts}',
-    './layouts/**/*.vue',
-    './pages/**/*.vue',
-    './plugins/**/*.{js,ts}',
-    './app.vue',
-    './error.vue'
-  ],
-  theme: {
-    extend: {
-      // 自定义主题配置
-    }
-  },
-  plugins: []
-}