- <template>
- <!-- 公共loading效果 -->
- <div class="loadingPage">
- <van-loading type="spinner" vertical color="#fff">加载中...</van-loading>
- </div>
- </template>
- <script setup name="loadingPage"></script>
- <style lang="less">
- .loadingPage {
- width: 300px;
- height: 300px;
- border-radius: 20px;
- background-color: rgba(0, 0, 0, 0.3);
- position: fixed;
- z-index: 9999;
- top: 50%;
- margin-top: -150px;
- margin-left: -150px;
- left: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- </style>