#

whycq

2023-10-08 3d775bfea16b5ac26ff0baac10f43b3367b0bf95

 uni_modules/uni-swipe-action/components/uni-swipe-action/uni-swipe-action.vue

New file
@@ -0,0 +1,60 @@
<template>
   <view>
      <slot></slot>
   </view>
</template>

<script>
   /**
    * SwipeAction 滑动操作
    * @description 通过滑动触发选项的容器
    * @tutorial https://ext.dcloud.net.cn/plugin?id=181
    */
   export default {
      name:"uniSwipeAction",
      data() {
         return {};
      },
      created() {
         this.children = [];
      },
      methods: {
         // 公开给用户使用，重制组件样式
         resize(){
            // wxs 会自己计算组件大小，所以无需执行下面代码
            // #ifndef APP-VUE || H5 || MP-WEIXIN
            this.children.forEach(vm=>{
               vm.init()
            })
            // #endif
         },
         // 公开给用户使用，关闭全部 已经打开的组件
         closeAll(){
            this.children.forEach(vm=>{
               // #ifdef APP-VUE || H5 || MP-WEIXIN
               vm.is_show = 'none'
               // #endif

               // #ifndef APP-VUE || H5 || MP-WEIXIN
               vm.close()
               // #endif
            })
         },
         closeOther(vm) {
            if (this.openItem && this.openItem !== vm) {
               // #ifdef APP-VUE || H5 || MP-WEIXIN
               this.openItem.is_show = 'none'
               // #endif

               // #ifndef APP-VUE || H5 || MP-WEIXIN
               this.openItem.close()
               // #endif
            }
            // 记录上一个打开的 swipe-action-item ,用于 auto-close
            this.openItem = vm
         }
      }
   };
</script>

<style></style>