chenhaodong / mew-iview

  <template lang="html">
      <div :class="wrapperClasses">
          <div :class="spinnerClasses">
              <Spin fix>

                  <Icon type="ios-loading" size="18" :class="iconClasses"></Icon>

                  <div v-if="text" :class="textClasses">{{text}}</div>
              </Spin>
  
          </div>
      </div>
  </template>
  
  <script>

      import Spin from '../spin/spin.vue';
      import Icon from '../icon/icon.vue';

      const prefixCls = 'ivu-scroll';
  
      export default {
          props: ['text', 'active', 'spinnerHeight'],
          components: { Spin, Icon },
          computed: {
              wrapperClasses() {
                  return [
                      `${prefixCls}-loader-wrapper`,
                      {
                          [`${prefixCls}-loader-wrapper-active`]: this.active
                      }
                  ];
              },
              spinnerClasses() {
                  return `${prefixCls}-spinner`;
              },
              iconClasses() {
                  return `${prefixCls}-spinner-icon`;
              },
              textClasses() {
                  return `${prefixCls}-loader-text`;
              }

          }

      };

  </script>