CSS实现带波浪的圆形数据展示组件

实现：

<template>
  <div class="static-pic"></div>
</template>

<script setup lang="ts">
</script>

<style lang="less" scoped>
.static-pic {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border: 2px solid rgb(250 200 88);
  background:
      radial-gradient(circle at 15% 37%, white 19%, transparent 20%),
      radial-gradient(circle at 50% 35%, white 28%, transparent 29%),
      radial-gradient(circle at 85% 37%, white 19%, transparent 20%),
      linear-gradient(to bottom, transparent 50%, rgb(250 200 88) 50%);
  background-repeat: no-repeat;
}
</style>