Blame view

src/components/carousel/carousel.vue 1.26 KB
6c9acb08   Rijn   initialize carousel
1
  <template>
41f83010   Rijn   update props and ...
2
3
      <div :class="classes">
          <slot></slot>
6c9acb08   Rijn   initialize carousel
4
5
6
      </div>
  </template>
  <script>
41f83010   Rijn   update props and ...
7
8
9
      import Icon from '../icon/icon.vue';
  
      const prefixCls = 'ivu-carousel';
6c9acb08   Rijn   initialize carousel
10
11
  
      export default {
41f83010   Rijn   update props and ...
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
          name: 'Carousel',
          props: {
              arrows: {
                  type: Boolean,
                  default: false
              },
              autoplay: {
                  type: Boolean,
                  default: true
              },
              autoplaySpeed: {
                  type: Number,
                  default: 2000
              },
              easing: {
                  type: String,
                  default: 'ease'
              },
              dots: {
                  type: Boolean,
                  default: true
              },
              fade: {
                  type: Boolean,
                  default: false
              },
              vertical: {
                  type: Boolean,
                  default: false
              }
          },
          // events: before-change(from, to), after-change(current, from)
          computed: {
              classes () {
                  return [
                      `${prefixCls}`,
                      {
                          [`${prefixCls}-vertical`]: this.vertical
                      }
                  ];
              }
          }
6c9acb08   Rijn   initialize carousel
54
55
      };
  </script>