CSS 简约动态加载中动画

<template>
	<view class="box">
		<!-- 创建一个名为spinner的视图容器，用于展示旋转动画 -->
		<view class="spinner">
			<!-- 这里的每个子view代表动画的一个扇形部分 -->
			<view></view>
			<view></view>
			<view></view>
			<view></view>
			<view></view>
			<view></view>
			<view></view>
			<view></view>
			<view></view>
			<view></view>
		</view>
	</view>
</template>
 
<script>
	export default {
 
		data() {
			return {
 
			}
		},
 
		onLoad() {
 
		},
 
		methods: {
 
		}
	}
</script>
 
<style>
	/* 设定整个应用的基本背景颜色为深灰色 */
	body {
		background-color: #e8e8e8;
	}
 
	/* 定义包裹动画效果的.box容器样式 */
	.box {
		margin-top: 400px;
		/* 将.box元素的顶部外边距设置为400像素，使其垂直居中显示 */
		margin-left