vant环形进度条中间加图片

vant环形进度条中间加图片

<template>
  <div>
    <van-circle
      v-model="currentRate"
      layer-color="#ccc"
      :rate="30"
      color="rgb(251 153 49)"
      size="180px"
    >
      <img :src="addImage" style="position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);"/>
    </van-circle>
  </div>
</template>
<script>
export default {
  data () {
    return {
      currentRate: 10,
      addImage: 'https://csdnimg.cn/release/blogv2/dist/pc/img/original.png'
    }
  },
}
</script>