CSS 水滴效果

    <template>
    	<view class="c" :style="{top:elementStyle.top , left:elementStyle.left} ">
    		<view class="drop drop1"></view>
    	</view>

    </template>

    <script setup>
    	import {
    		onMounted,
    		ref
    	} from 'vue';
    	const elementStyle = ref({
    		top: '300px',
    		left: '500px'
    	})

    	onMounted(() => {
    		// 获取需要跟随鼠标移动的元素
    		const followMouseElement = ''
    		// 监听鼠标移动事件
    		document.addEventListener('mousemove', (event) => {
    			// 获取鼠标相对于页面的位置
    			const left = event.pageX + 'px';
    			const top = event.pageY + 'px';

    			elementStyle.value = {
    				top,
    				left
    			}

    			// co