feat:留言板组件封装

components/MessageItem.vue

@@ -1,13 +1,12 @@
 <template>
   <view class="message-wrapper">
-    <u-swipe-action>
-      <u-swipe-action-item
-        :options="swipeOptions"
-        :show="item.show"
+    <u-swipe-action
       :index="itemIndex"
+      :show="item.show"
+      :options="swipeOptions"
       @click="handleSwipeClick"
-        @open="(e) => handleSwipeOpen(e)"
-        @close="(e) => handleSwipeClose(e)"
+      @open="handleSwipeOpen"
+      @close="handleSwipeClose"
       @content-click="closeSwipe"
       :btn-width="80"
       :disabled="false"
@@ -60,8 +59,7 @@
             <text>回复</text>
           </view>
         </view>
-        </view></u-swipe-action-item
-      >
+      </view>
     </u-swipe-action>
   </view>
 </template>
@@ -100,15 +98,18 @@ export default {
   methods: {
     handleSwipeClick(e) {
       const { index } = e; // 点击的按钮索引
+
       if (index === 0) {
         // 删除按钮
         this.$emit("delete", this.itemIndex);
       }
     },
     handleSwipeOpen(e) {
+      // uView 1.x的事件参数格式与2.x不同
       this.$emit("open-swipe", this.itemIndex);
     },
     handleSwipeClose(e) {
+      // uView 1.x的事件参数格式与2.x不同
       this.item.show = false;
     },
     closeSwipe() {