From 098156f55810311b9f6d1260a23f51aaf0d0c3d0 Mon Sep 17 00:00:00 2001
From: lld <15027638633@163.com>
Date: Fri, 20 Feb 2026 15:31:39 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9A=82=E6=97=B6=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index d60c59b..b18c247 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -38,9 +38,11 @@
           lower-threshold="50"
           scroll-with-animation
       >
-        <view
+        <tn-swipe-action>
+        <tn-swipe-action-item
             v-for="(item, index) in listData"
             :key="index"
+            :options="options"
             :class="['list-item', { 'list-item-disabled': item.online === '离线' }]"
             @tap="item.online !== '离线' && onItemTap(item)"
         >
@@ -60,7 +62,7 @@
             <text class="tag tag-temp3">温度3: {{ item.temp3 }}℃</text>
             <text class="tag tag-temp4">温度4: {{ item.temp4 }}℃</text>
           </view>
-        </view>
+        </tn-swipe-action-item>
 
         <view v-if="isLoading" class="loading-more">
           <uni-icons type="spinner-cycle" size="20" color="#999"></uni-icons>
@@ -72,6 +74,7 @@
           <image :src="imageSrc" :style="'width:'+80+'rpx;height:'+80+'rpx'"></image>
           <text class="text">点击添加大棚</text>
         </view>
+        </tn-swipe-action>
       </scroll-view>
     </uni-section>
 <!--    <uni-fab ref="fab" :pattern="pattern" :content="content" :horizontal="horizontal" :vertical="vertical"-->
@@ -107,6 +110,15 @@ export default {
       noMore: false,
       total: 20, // 模拟总条数
       value: 0,
+      options: [
+        {
+          text: '删除',
+          icon: 'delete',
+          style: {
+            backgroundColor: '#E83A30'
+          }
+        }
+      ],
       range: [{
         "value": 0,
         "text": "大棚名称",
@@ -422,7 +434,7 @@ page {
   display: flex;
   gap: 8rpx;
   flex-wrap: wrap; /* 新增：标签过多时换行，避免溢出 */
-  margin: 14rpx 0;
+  padding: 14rpx 0;
 }
 
 .tag {