uniapp中如何通过css实现圆形头像样式

核心代码：

	#top-card .top image{
   
		width: 60rpx;
		height: 60rpx;
		border-radius: 30rpx;
	}

关键知识点：宽高相同，圆角值为宽高值的一半。

修改之前的效果：

修改之后的效果：

完整代码：

<script setup>
	import {
     
		onMounted,
		ref
	} from 'vue';
	const src = "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg"
	const data = ref([])

	onMounted(() => {
     
		uni.request({
     
			method: "GET",<