Newer
Older
KaiFengH5 / src / views / components / Loading.vue
@鲁yixuan 鲁yixuan on 9 Jul 531 bytes update
  1. <template>
  2. <!-- 公共loading效果 -->
  3. <div class="loadingPage">
  4. <van-loading type="spinner" vertical color="#fff">加载中...</van-loading>
  5. </div>
  6. </template>
  7.  
  8. <script setup name="loadingPage"></script>
  9. <style lang="less">
  10. .loadingPage {
  11. width: 300px;
  12. height: 300px;
  13. border-radius: 20px;
  14. background-color: rgba(0, 0, 0, 0.3);
  15. position: fixed;
  16. z-index: 9999;
  17. top: 50%;
  18. margin-top: -150px;
  19. margin-left: -150px;
  20. left: 50%;
  21. display: flex;
  22. justify-content: center;
  23. align-items: center;
  24. }
  25. </style>