<template>
	<view class="content">
		<view class="loader"></view>
	</view>
</template>

<script>

</script>

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

	.content {
		display: flex;
		/* 使用弹性布局 */
		flex-direction: column;
		/* 设置主轴方向为垂直 */
		align-items: center;
		/* 在主轴上居中对齐 */
		justify-content: center;
		/* 在交叉轴上居中对齐 */
		margin-top: 300px;
		/* 设置顶部外边距为300像素 */
	}

	/* 眼睛下方 */
	.loader {
		position: relative;
		/* 设置相对定位 */
		width: 78px;
		/* 设置宽度为78像素 */
		height: 78px;
		/* 设置高度为78像素 */
		border-radius: 50%;
		/* 设置圆角为50% */
		background: #fff;
		/* 设置背景颜色为白色 */
		border: 8px solid #131a1d;
		/* 设置边框为8像素宽的深灰色 */
		overflow: hidden;
		/* 隐藏超出边界的内容 */
		box-sizing: border-box;
		/* 设置盒模型为边框盒模型 */
	}

	/* 眼皮 */
	.loader::after {
		c