CSS 加载中 效果

    <template>
      <view class="cont">
          <view class="outer"></view>
          <view class="middle"></view>
          <view class="inner"></view>
      </view>
    </template>

    <style>
    	body {
    		background-color: #212121;
    	}

    	.cont {
    		margin-top: 300px;
    		/* 距离顶部的边距 */
    		justify-content: center;
    		/* 水平居中对齐 */
    		align-items: center;
    		/* 垂直居中对齐 */
    		display: flex;
    		/* 将父元素设置为flex容器 */
    		 position: relative;
    		 /*将父级元素设置为相对定位*/
    	}



    	
    	.outer,
    	.middle,
    	.inner {
    	  border: 3px solid transparent; /*设置边框样式为透明*/
    	  border-top-color: #3cefff; /*设置上边框颜色为#3cefff*/
    	  border-right-color: #3cefff; /*设置右边框颜色为#3cefff*/
    	  border