<template>
	<!-- 创建一个装载加载动画的容器 -->
	<view class="loader">
		<!-- 内部阴影层，用于放置动态文本 -->
		<view class="intern"></view>

		<!-- 外部阴影层，包含旋转和颜色变化的圆形阴影 -->
		<view class="external-shadow">
			<!-- 中心层，定义主要圆圈样式 -->
			<view class="central"></view>
		</view>
	</view>
</template>

<script>

</script>

<style>
	/* 设置页面背景颜色为深灰色 */
	body {
		background-color: #212121;
	}

	/* 定义加载动画容器样式，居中显示，并设置禁止鼠标操作的光标样式及缩放比例 */
	.loader {
		margin-top: 350px;
		display: flex;
		/* 使用flex布局实现垂直和水平居中 */
		justify-content: center;
		align-items: center;
		position: relative;
		/* 设置相对定位以便于内部元素绝对定位 */
		cursor: not-allowed;
		/* 光标样式表示当前区域不允许点击或操作 */
		scale: 0.7;
		/* 缩小整个加载器的比例 */
	}

	/*