Loading.vue 641 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <div>
  3. <div
  4. class="Loads acea-row row-center-wrapper"
  5. v-if="loading && !loaded"
  6. style="margin-top: .2rem;"
  7. >
  8. <div v-if="loading">
  9. <div
  10. class="iconfont icon-jiazai loading acea-row row-center-wrapper"
  11. ></div>
  12. 正在加载中
  13. </div>
  14. <div v-else>
  15. 上拉加载更多
  16. </div>
  17. </div>
  18. </div>
  19. </template>
  20. <script>
  21. export default {
  22. name: "Loading",
  23. props: {
  24. loaded: {
  25. type: Boolean,
  26. default: false
  27. },
  28. loading: {
  29. type: Boolean,
  30. default: false
  31. }
  32. }
  33. };
  34. </script>