暂时提交

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 {