Adam / gulu-vue

Blame view

src/components/UniCollapse/UniCollapse.vue 947 Bytes
edit raw normal view history
71166190e   BigBoss   add purchase 
1
 
  <template>
323398550   范牧   若干功能添加 
2
3
4
 
    <view class="uni-collapse">
      <slot />
    </view>
71166190e   BigBoss   add purchase 
5
6
 
  </template>
  <script>
323398550   范牧   若干功能添加 
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
  export default {
    name: 'UniCollapse',
    props: {
      accordion: {
        // 是否开启手风琴效果
        type: [Boolean, String],
        default: false
      }
    },
    data() {
      return {}
    },
    provide() {
      return {
        collapse: this
      }
    },
    created() {
      this.childrens = []
    },
    methods: {
      onChange() {
        const activeItem = []
        this.childrens.forEach((vm, index) => {
          if (vm.isOpen) {
            activeItem.push(vm.nameSync)
          }
        })
        this.$emit('change', activeItem)
      }
    }
  }
71166190e   BigBoss   add purchase 
39
40
 
  </script>
  <style lang="scss" scoped>
323398550   范牧   若干功能添加 
41
 
  @import "@/uni.scss";
71166190e   BigBoss   add purchase 
42
323398550   范牧   若干功能添加 
43
44
45
46
47
48
49
50
51
52
53
54
 
  .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>