MoeNovaClient/components/CircleAvatar/CircleAvatar.vue

<template>
  <view class="circle-avatar">
    <image :src="src" mode="aspectFill" class="avatar-image"></image>
  </view>
</template>

<script>
export default {
  props: {
    src: {
      type: String,
      required: true
    }
  }
}
</script>

<style scoped>
.circle-avatar {
  width: 100px; /* 你可以根据需要调整大小 */
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}

.avatar-image {
  width: 100%;
  height: 100%;
}
</style>