我需要一段vue2炫酷loading代码

当然，以下是一段炫酷的Vue2 loading代码：

<template>
<div class="loading-wrapper">
<div class="loading-circle"></div>
<div class="loading-circle"></div>
<div class="loading-circle"></div>
</div>
</template>

<style>
.loading-wrapper{
display: flex;
justify-content: center;
align-items: center;
height: 100px;
}

.loading-circle{
position: relative;
box-sizing: content-box;
display: inline-block;
width: 15px;
height: 15px;
margin-right: 5px;
border-radius: 50%;
border: 2px solid #fff;
}

.loading-circle:nth-child(1){
animation: circle-anim 1s infinite;
}

.loading-circle:nth-child(2){
animation: circle-anim 1s infinite .33s;
}

.loading-circle:nth-child(3){
animation: circle-anim 1s infinite .66s;
}

@keyframes circle-anim{
0%{
transform: scale(0)
}
50%{
transform: scale(1.2);
box-shadow: 0 0 0 3px rgba(255,255,255,0.8);
}
100%{
transform: scale(0)
}
}
</style>

希望这段代码能满足您的需求！