<template>
	<view class="spinWrapper">
		<view class="spin" :style="{ color: color }">
			<view class="spinItem"></view>
			<view class="spinItem"></view>
			<view class="spinItem"></view>
			<view class="spinItem"></view>
			<view class="spinItem"></view>
			<view class="spinItem"></view>
			<view class="spinItem"></view>
			<view class="spinItem"></view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'Spin',
	props: {
		color: {
			type: String,
			required: false,
			default: '#0E3673'
		}
	}
};
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>