li-guang
2021-01-05 01b55d7e82c3b13554a412e9c5be0fc96a4906a3
hive-app/components/uni-collapse/uni-collapse.vue
New file
@@ -0,0 +1,54 @@
<template>
   <view class="uni-collapse">
      <slot />
   </view>
</template>
<script>
   export default {
      name: 'UniCollapse',
      props: {
         accordion: {
            // 是否开启手风琴效果
            type: [Boolean, String],
            default: false
         }
      },
      data() {
         return {}
      },
      provide() {
         return {
            collapse: this
         }
      },
      created() {
         this.childrens = []
      },
      methods: {
         onChange() {
            let activeItem = []
            this.childrens.forEach((vm, index) => {
               if (vm.isOpen) {
                  activeItem.push(vm.nameSync)
               }
            })
            this.$emit('change', activeItem)
         }
      }
   }
</script>
<style lang="scss" scoped>
   @import '@/uni.scss';
   .uni-collapse {
      /* #ifndef APP-NVUE */
      width: 100%;
      display: flex;
      /* #endif */
      /* #ifdef APP-NVUE */
      flex: 1;
      /* #endif */
      flex-direction: column;
      background-color: $uni-bg-color;
   }
</style>