CSS 不同颜色的小圆角方块组成的旋转加载动画

<template>
	
	<view class="spinner">
		
		<view class="outer">
			
			<view class="inner tl">view> 
			<view class="inner tr">view> 
			<view class="inner br">view> 
			<view class="inner bl">view> 
		view>
	view>
template>
 
<script>
	
script>
 
<style>
	/* 设置页面背景颜色为深灰色 */
	body {
		background-color: #212121;
	}
 
	/* 设置旋转加载动画容器样式 */
	.spinner {
		position: absolute;
		/* 绝对定位，使其能居中显示 */
		width: 128px;
		/* 设置宽度 */
		height: 128px;
		/* 设置高度 */
		top: calc(50% - 64px);
		/* 上边距计算