<template>
	<view class="all-circle">
		<view class="move-circle" >
			移动
		</view>
		<view class="delete-circle" >
			删除
		</view>
	</view>
</template>

<script setup lang="ts">
	import {
		ref
	} from 'vue'
	const emit = defineEmits(['click']);
	const isAdd = ref(false);
	const openAdd = () =>{
		isAdd.value = !isAdd.value
	}
	const addClass = (type: number) => {
		switch (type) {
			case 0:
				return 'add-circle';
			case 1:
				return 'add-circle-active';
			default:
				return '';
		}
	};

</script>

<style scoped lang="less">
	.all-circle{
		position: absolute;
		bottom: 300rpx;
		right: 50rpx;
		width: 500rpx;
		height: 500rpx;
	}
	.move-circle{
		position: absolute;
		bottom: 200rpx;
		right: 60rpx;
		width: 160rpx;
		height: 160rpx;
		border-radius: 50%;
		background: linear-gradient(to top, #0DA0B1, #04D3AF);
		opacity:0.5;
		z-index: 9999;
		display: flex;
		align-items: center;
		color: #fff;
		font-size: 35rpx;
		justify-content: center;
	}
	.delete-circle{
		position: absolute;
		bottom: 50rpx;
		right: 200rpx;
		width: 160rpx;
		height: 160rpx;
		border-radius: 50%;
		background: linear-gradient(to top, #0DA0B1, #04D3AF);
		opacity:0.5;
		z-index: 9999;
		display: flex;
		align-items: center;
		color: #fff;
		font-size: 35rpx;
		justify-content: center;
	}
</style>