<style>
#toastLoaderFullScreen { 
       height: 100%;    
       position: absolute;    
       top: 0;    
       right: 0;    
       bottom: 0;    
       left: 0; 
       z-index: 99999;    
       background-color: rgba(224, 38, 38, 0.5);
}
#toastLoader {   
       position: absolute;  
       left: 50%;   
       top: 45%;  
        width: 350px;  
        margin-left: -19px;  
        /* background-color: blue; */
}
#toastLoaderText {    
       position: fixed;    
       top: 53%;    
       left: 50%;    
       width: 250px;   
       margin-top: -10px;    
       margin-left: -125px;    
       word-wrap:break-word; /*自动换行*/    
       text-align: center;   
       /* background-color: red; */
}
</style>
   <template>   
     <div id="toastLoaderFullScreen">       
       <div>            
           <mu-circular-progress id="toastLoader" :size="40" color="rgb(24, 143, 254)" v-show="isToastLoader"></mu-circular-progress>           
           <div id="toastLoaderText">                 
               <p>正在登录中</p>             
           </div>        
        </div>    
     </div>
</template>
<script>
export default {    
      data() {        
      return {            
         isToastLoader: true        
      }   
     },    
    created() {       
     // setTimeout(() => {      
     //     this.isToastLoader = false       
     // }, 2000)    
     },    
     methods: {   
      }
   }
</script>