uniapp封装loading 的动画动态加载

实现效果

uniapp封装loading 的动画动态加载_第1张图片

html代码


	

css代码

.loadBox {
		width: 180rpx;
		min-height: 180rpx;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;

		.logo {
			width: 160rpx;
			border-radius: 50%;
			position: relative;
			vertical-align: middle;
		}
	}

	@keyframes loading {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		to {
			-webkit-transform: rotate(1turn);
			transform: rotate(1turn);
		}

	}

你可能感兴趣的:(uni-app)