Newer
Older
KaiFengH5 / src / views / components / Loading.vue
@鲁yixuan 鲁yixuan on 9 Jul 531 bytes update
<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>