<template>
  <view :class="['bg-' + color, error ? 'erro' : completed ? 'over' : 'loading']" class="cu-load">
    {{ error ? errorText : completed ? completeText : loadingText }}
  </view>
</template>

<script>
export default {
  name: 'l-loading',

  props: {
    completed: {},
    error: {},
    color: { default: 'gray' },
    loadingText: { default: '加载中…' },
    completeText: { default: '加载完成' },
    errorText: { default: '加载失败' }
  }
}
</script>
