From 82266e0b566aac6fc104d26359f7908e5c2ab413 Mon Sep 17 00:00:00 2001
From: lld <15027638633@163.com>
Date: Thu, 12 Feb 2026 12:58:23 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index.vue | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index d7c1cc9..e0e6f3e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -12,8 +12,8 @@
       <view
           v-for="(item, index) in listData"
           :key="index"
-          class="list-item"
-          @tap="onItemTap(item)"
+          :class="['list-item', { 'list-item-disabled': item.online === '离线' }]"
+          @tap="item.online !== '离线' && onItemTap(item)"
       >
         <view class="item-title">
           <view class="title-text">{{ item.title }}</view>
@@ -299,4 +299,22 @@ page {
   background-color: rgba(255, 255, 255, 0.85);
   border-radius: 12rpx;
 }
+
+/* 新增：禁用状态样式 */
+.list-item-disabled {
+  /* 文字置灰 */
+  color: #999;
+  /* 禁用光标 */
+  cursor: not-allowed;
+  /* 背景色变浅，视觉区分 */
+  background-color: #fafafa;
+  /* 可选：添加透明度 */
+  opacity: 0.7;
+}
+
+/* 禁用状态下的子元素也置灰 */
+.list-item-disabled .tag {
+  color: #ccc;
+  background-color: #f8f8f8;
+}
 </style>
\ No newline at end of file