用vant内的组件拼一个简易的加载遮罩层 

  <!-- showOverlay  控制是否显示遮罩层 -->
    <!-- 这所有的前提是 vue项目引入了vant组件 -->
    <van-overlay :show="showOverlay"  >
        <div style="position:fixed;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%)">
         <van-loading size="24px" vertical color="#0094ff">加载中...</van-loading>
        </div>
     </van-overlay>

 

posted @ 2022-01-21 15:16  ComeIntoBud  阅读(539)  评论(0)  编辑  收藏  举报