loading.vue 580 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <div class="load bgColor">
  3. <cube-loading :size="40"></cube-loading>
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. data(){
  9. return{
  10. }
  11. },
  12. methods:{
  13. },
  14. mounted(){
  15. }
  16. }
  17. </script>
  18. <style scoped>
  19. .bgColor{
  20. background-color: white
  21. }
  22. .load{
  23. position: fixed;
  24. left: 0;
  25. top: 0;
  26. width: 100%;
  27. height: 100%;
  28. background-color: rgba(0,0,0,0.5)!important;
  29. display: flex;
  30. justify-content:center;
  31. align-items:center
  32. }
  33. </style>
  34. <style scoped>
  35. .cube-loading-spinners{
  36. color: white
  37. }
  38. </style>